:root{--bg-cream:#f9f7f2;--bg-white:#fff;--primary-green:#1b3022;--primary-green-light:#2a4a35;--accent-gold:#c5a059;--accent-gold-light:#d4b67c;--text-dark:#2d3436;--text-muted:#636e72;--border-color:#e2e2e2;--danger:#d63031;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition-fast:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-cream);max-width:100vw;color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--primary-green);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.arabic-text{color:var(--primary-green);direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:28px;line-height:1.8}.container{flex-direction:column;width:100%;max-width:600px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:16px}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background:var(--primary-green);color:var(--bg-cream);border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--primary-green-light)}.btn-icon{width:44px;height:44px;transition:background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:#0000000d}.input-field{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;margin-top:8px;padding:12px 16px;font-family:inherit;font-size:16px}.input-field:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 2px #c5a05933}.label{color:var(--text-muted);font-size:14px;font-weight:600}