@charset "UTF-8";:root{--c-bg-0: #1a0b2e;--c-bg-1: #2b1055;--c-bg-2: #46167e;--c-gold: #ffd95a;--c-gold-deep: #f5a623;--c-pink: #ff4d8d;--c-purple: #7b2ff7;--c-green: #2ee6a6;--c-red: #ff5c5c;--c-text: #fff6e9;--c-muted: #c9b8e8;--c-card: rgba(255, 255, 255, .07);--c-card-border: rgba(255, 217, 90, .35);--sp-1: .4rem;--sp-2: .8rem;--sp-3: 1.2rem;--sp-4: 1.8rem;--sp-5: 2.6rem;--radius: 1.1rem;--radius-lg: 1.6rem;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font);color:var(--c-text);background:radial-gradient(circle at 20% 0%,var(--c-bg-2),transparent 55%),radial-gradient(circle at 80% 100%,var(--c-purple),transparent 50%),linear-gradient(160deg,var(--c-bg-1),var(--c-bg-0));background-attachment:fixed;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:1.1rem 1.4rem;font-size:1.25rem;font-weight:800;letter-spacing:.02em;color:#2a0f4d;background:linear-gradient(180deg,var(--c-gold),var(--c-gold-deep));border:none;border-radius:var(--radius);box-shadow:0 6px #b9760f,var(--shadow);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease;touch-action:manipulation}.btn:active{transform:translateY(4px);box-shadow:0 2px #b9760f,var(--shadow)}.btn:disabled{filter:grayscale(.5) brightness(.8);opacity:.7;cursor:not-allowed}.btn--secondary{color:var(--c-text);background:linear-gradient(180deg,var(--c-pink),#c81e63);box-shadow:0 6px #8a103f,var(--shadow)}.btn--secondary:active{box-shadow:0 2px #8a103f,var(--shadow)}.btn--ghost{color:var(--c-text);background:var(--c-card);border:1px solid var(--c-card-border);box-shadow:none}.field{width:100%;padding:1rem 1.1rem;font-size:1.25rem;text-align:center;color:var(--c-text);background:#0000004d;border:2px solid var(--c-card-border);border-radius:var(--radius);outline:none}.field:focus{border-color:var(--c-gold);box-shadow:0 0 0 4px #ffd95a2e}.card{background:var(--c-card);border:1px solid var(--c-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.muted{color:var(--c-muted)}