*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0f;--black-mid:#12121a;--black-soft:#1c1c28;--black-border:#2a2a3a;--purple-deep:#2d1b69;--purple-mid:#4a2c9e;--purple:#6b3fc4;--purple-light:#9b6de4;--purple-pale:#d4b8f5;--gold:#c9a84c;--gold-pale:#e8d5a3;--white:#f4f0ff;--white-dim:#b8b0cc;--white-muted:#6e6882;--red:#c44a4a;--green:#4ac49b;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--radius-sm:4px;--radius:8px;--radius-lg:16px;--transition:.2s ease}html{font-size:16px}body{background:var(--black);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);color:var(--white);font-weight:600;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}h4{font-size:1.1rem}p{color:var(--white-dim);line-height:1.7}a{color:var(--purple-light);transition:color var(--transition);text-decoration:none}a:hover{color:var(--purple-pale)}.container{width:100%;max-width:960px;padding:0 var(--sp-6);margin:0 auto}.page{min-height:100vh;padding:var(--sp-8) var(--sp-4)}.card{background:var(--black-mid);border:1px solid var(--black-border);border-radius:var(--radius-lg);padding:var(--sp-8)}.card-sm{background:var(--black-soft);border:1px solid var(--black-border);border-radius:var(--radius);padding:var(--sp-6)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--radius);font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;transition:all var(--transition);border:none;padding:.65rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--purple);color:var(--white)}.btn-primary:hover{background:var(--purple-mid);color:var(--white)}.btn-secondary{color:var(--purple-light);border:1px solid var(--purple);background:0 0}.btn-secondary:hover{background:var(--purple-deep);color:var(--white)}.btn-ghost{color:var(--white-dim);border:1px solid var(--black-border);background:0 0}.btn-ghost:hover{border-color:var(--purple);color:var(--white)}.btn-danger{background:var(--red);color:var(--white)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-full{width:100%}.form-group{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-direction:column;display:flex}label{letter-spacing:.08em;text-transform:uppercase;color:var(--white-muted);font-size:.8rem;font-weight:500}input,textarea,select{background:var(--black-soft);border:1px solid var(--black-border);border-radius:var(--radius);color:var(--white);font-family:var(--font-body);width:100%;transition:border-color var(--transition);-webkit-appearance:none;outline:none;padding:.65rem .875rem;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--purple)}textarea{resize:vertical;min-height:120px;line-height:1.6}select option{background:var(--black-soft)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.divider{background:var(--black-border);height:1px;margin:var(--sp-8) 0}.badge{letter-spacing:.05em;border-radius:99px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-purple{background:var(--purple-deep);color:var(--purple-pale)}.badge-gold{color:var(--gold);background:#c9a84c26}.badge-green{color:var(--green);background:#4ac49b26}.badge-red{color:var(--red);background:#c44a4a26}.badge-muted{background:var(--black-soft);color:var(--white-muted)}.alert{padding:var(--sp-4);border-radius:var(--radius);margin-bottom:var(--sp-4);font-size:.9rem}.alert-error{color:#e89090;background:#c44a4a1a;border:1px solid #c44a4a4d}.alert-success{color:#80dbb8;background:#4ac49b1a;border:1px solid #4ac49b4d}.alert-info{color:var(--purple-pale);background:#6b3fc41a;border:1px solid #6b3fc44d}.spinner{border:2px solid var(--black-border);border-top-color:var(--purple);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--black-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-mid)}.text-gold{color:var(--gold)}.text-purple{color:var(--purple-light)}.text-muted{color:var(--white-muted)}.text-dim{color:var(--white-dim)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.display{font-family:var(--font-display)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.gap-2{gap:var(--sp-2)}.gap-4{gap:var(--sp-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}@media (width<=640px){.card{padding:var(--sp-6)}.hide-mobile{display:none}}input[type=checkbox]{accent-color:var(--purple);cursor:pointer;border:2px solid var(--border-strong);border-radius:4px;flex-shrink:0;width:20px;height:20px;min-height:20px}[data-theme=dark] input[type=checkbox],[data-theme=high-contrast] input[type=checkbox]{accent-color:var(--purple-light);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}