:root{--bg:#0a0a0f;--surface:#13131a;--surface-2:#1c1c28;--border:#2a2a3e;--text:#f0f0f8;--muted:#88a;--accent-kids:#f59e0b;--accent-college:#6366f1;--accent-researcher:#14b8a6;--accent-kids-glow:rgba(245,158,11,.25);--accent-college-glow:rgba(99,102,241,.25);--accent-researcher-glow:rgba(20,184,166,.25)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.container{max-width:860px;margin:0 auto;padding:0 1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;animation:fadeUp .3s ease both}.card:first-child{animation-delay:0s}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.card:nth-child(5){animation-delay:.2s}.card:nth-child(6){animation-delay:.25s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:inherit}.btn-primary{background:var(--accent-college);color:#fff}.btn-primary:hover{opacity:.85}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--surface-2)}.btn-ghost:active{transform:scale(.98)}.section-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.islamic-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 5 l5 10 h11 l-9 6.5 3.5 10.5L30 26l-10.5 6 3.5-10.5L13 15h11z' fill='none' stroke='%232a2a3e' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 60px}.mode-kids .accent{color:var(--accent-kids)}.mode-college .accent{color:var(--accent-college)}.mode-researcher .accent{color:var(--accent-researcher)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:600px){.container{padding:0 1rem}.card{padding:1.1rem}.btn{font-size:.85rem;padding:.5rem .9rem}}