*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d0621;--bg-secondary:#130930;--purple-300:#c4b5fd;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--gold-300:#fcd34d;--gold-400:#fbbf24;--gold-500:#f59e0b;--success:#10b981;--danger:#ef4444;--info:#38bdf8;--streak:#f97316;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--glass-bg:rgba(30,10,74,0.65);--glass-border:rgba(167,139,250,0.2);--glow-gold:0 0 20px rgba(251,191,36,.5),0 0 60px rgba(251,191,36,.2);--glow-purple:0 0 20px rgba(139,92,246,.5),0 0 40px rgba(139,92,246,.2);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-snappy:cubic-bezier(0.25,0.46,0.45,0.94);--ease-dramatic:cubic-bezier(0.19,1,0.22,1);--font-display:"Cinzel Decorative",serif;--font-body:"M PLUS Rounded 1c",sans-serif;--font-number:"Rajdhani",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;overflow-wrap:anywhere}.bg-cosmos{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.18) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(59,130,246,.12) 0,transparent 60%),radial-gradient(ellipse at 60% 85%,rgba(251,191,36,.06) 0,transparent 50%),linear-gradient(135deg,#0d0621,#130930 35%,#0f172a 70%,#0d0621)}.content{position:relative;z-index:1}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--gold-500),var(--gold-300),var(--gold-500));background-size:200%;color:#1a0a00;border:none;border-radius:14px;padding:16px 36px;font-size:16px;font-weight:800;font-family:var(--font-body);cursor:pointer;text-decoration:none;box-shadow:var(--glow-gold);transition:all .25s var(--ease-snappy)}.btn-gold:hover:not(:disabled){transform:translateY(-3px);background-position:100%;box-shadow:0 8px 32px rgba(251,191,36,.6),0 0 60px rgba(251,191,36,.25)}.btn-gold:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--glass-bg);color:var(--text-primary);text-decoration:none;border:1px solid var(--glass-border);border-radius:14px;padding:16px 36px;font-size:16px;font-weight:600;font-family:var(--font-body);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all .25s var(--ease-snappy)}.btn-ghost:hover:not(:disabled){border-color:var(--purple-400);background:rgba(139,92,246,.15);transform:translateY(-3px);box-shadow:var(--glow-purple)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-size:13px;font-weight:700;color:var(--text-secondary)}.field input,.field textarea{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:12px;padding:14px 16px;color:var(--text-primary);font-size:15px;font-family:var(--font-body);transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--purple-400);box-shadow:0 0 0 3px rgba(139,92,246,.2)}.field textarea{resize:vertical;min-height:120px;line-height:1.7}.form-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px 14px;color:#fca5a5;font-size:13px;margin-bottom:16px}.title-display{font-family:var(--font-display);line-height:1.1}.text-gradient{background:linear-gradient(90deg,var(--gold-300) 0,var(--gold-400) 50%,var(--purple-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(252,211,77,.4))}.xp-track{height:10px;border-radius:99px;background:rgba(255,255,255,.08);position:relative}.xp-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple-600),var(--purple-400),var(--purple-300));box-shadow:0 0 8px rgba(167,139,250,.7),0 0 20px rgba(167,139,250,.3);transition:width 1.2s var(--ease-dramatic)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.animate-in{animation:fadeSlideUp .7s var(--ease-dramatic) both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:currentcolor;animation:spin .7s linear infinite}.center-page,.page{min-height:100vh;padding:40px 24px}.center-page{display:flex;align-items:center;justify-content:center}.container{max-width:1100px;margin:0 auto}.card-narrow{width:100%;max-width:440px;padding:40px 32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:99px}.rich{white-space:pre-line}.rich>:first-child{margin-top:0}.rich>:last-child{margin-bottom:0}.rich p{margin:0 0 .9em}.rich h1,.rich h2,.rich h3,.rich h4{margin:1.3em 0 .5em;font-weight:800;line-height:1.5;color:var(--text-primary)}.rich h1{font-size:1.15em}.rich h2{font-size:1.1em}.rich h3,.rich h4{font-size:1.03em}.rich ol,.rich ul{margin:0 0 .9em;padding-left:1.4em}.rich li{margin-bottom:.3em}.rich li>ol,.rich li>ul{margin:.3em 0 0}.rich strong{font-weight:800;color:var(--text-primary)}.rich a{color:var(--gold-300);text-decoration:underline;text-underline-offset:3px}.rich blockquote{margin:0 0 .9em;padding:2px 0 2px 12px;border-left:3px solid var(--glass-border);color:var(--text-muted)}.rich code{font-family:var(--font-number),ui-monospace,monospace;font-size:.92em;background:rgba(255,255,255,.07);border-radius:5px;padding:1px 5px}.rich pre{margin:0 0 .9em;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.32);border:1px solid var(--glass-border);overflow-x:auto}.rich pre code{background:none;padding:0}.rich table{width:100%;margin:0 0 .9em;border-collapse:collapse;font-size:.94em}.rich td,.rich th{border:1px solid var(--glass-border);padding:6px 10px;text-align:left}.rich th{background:rgba(255,255,255,.05);font-weight:700}.rich hr{margin:1.2em 0;border:0;border-top:1px solid var(--glass-border)}.rich .katex-display{margin:.8em 0;overflow-x:auto;overflow-y:hidden;padding:2px 0}.rich-inline{display:inline}