@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07071a;--bg2:#0d0d2b;--surface:#ffffff0d;--surface-hover:#ffffff14;--border:#ffffff14;--text:#f0f0ff;--text-muted:#f0f0ff80;--accent:#7c3aed;--accent2:#a855f7;--glow:0 0 40px #7c3aed4d;--radius:16px;--radius-sm:10px}html,body{height:100%}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% 10%,#7c3aed26 0%,#0000 60%),radial-gradient(60% 50% at 80% 90%,#a855f71f 0%,#0000 60%);position:fixed;inset:0}main{z-index:1;position:relative}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 4px 20px #7c3aed66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed99}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);transform:translateY(-2px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}input[type=text]{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff0f;outline:none;padding:14px 18px;font-family:Outfit,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}input[type=text]::placeholder{color:var(--text-muted)}input[type=text]:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #a855f733}.score-badge{background:linear-gradient(135deg, var(--accent), var(--accent2));width:48px;height:48px;box-shadow:var(--glow);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:inline-flex}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.fade-in{animation:.4s forwards fadeIn}.pop{animation:.35s forwards pop}.shake{animation:.3s shake}