:root{--bg:#0b0f1a;--bg2:#151c2f;--card:rgba(24,30,48,0.9);--text:#ffffff;--muted:#aab2c5;--accent:#ff9f1c;--line:rgba(255,255,255,0.08);--shadow:0 20px 60px rgba(0,0,0,0.4)}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Cairo,system-ui,sans-serif;background:radial-gradient(circle at top center,rgba(255,159,28,.12),transparent 20%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);min-height:100vh}.card,.page{padding:20px}.card{background:var(--card);border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.primary-btn{background:linear-gradient(135deg,var(--accent),#ff6b00);border:none;padding:12px 18px;border-radius:12px;color:white;font-weight:700;cursor:pointer}.secondary-btn{background:transparent;border:1px solid var(--line);padding:10px 14px;border-radius:10px;color:var(--text);cursor:pointer}.answer-card{background:rgba(255,255,255,.05);border:1px solid var(--line);padding:14px;border-radius:14px;margin-bottom:10px}.idx{background:var(--accent);color:black;border-radius:8px;padding:4px 8px;font-weight:700;margin-right:8px}h1,h2,h3{margin:0 0 10px}p{color:var(--muted)}