:root{font-family:system-ui,-apple-system,sans-serif;color:#fff;background:#101327}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#39265c,#101327 65%)}main{max-width:480px;margin:auto;padding:30px 18px}header{text-align:center;margin:20px 0 30px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#f6d17b;font-weight:800}h1{font-size:clamp(40px,11vw,64px);line-height:1;margin:12px 0;text-shadow:0 5px 24px #9d59ed}h1 em{color:#f9d17b;font-style:normal}header p,.muted{color:#c3bfd9}.panel{background:#222541;border:1px solid #585078;border-radius:22px;padding:24px;box-shadow:0 18px 45px #090a1999}h2{margin:0 0 20px}label{display:block;margin:12px 0;font-size:14px;color:#e6def7}input{display:block;width:100%;margin-top:7px;border:1px solid #77718d;border-radius:12px;background:#11152c;color:#fff;padding:14px;font-size:16px}button{width:100%;margin-top:15px;border:0;border-radius:14px;padding:15px;background:#f4c85d;color:#1a1531;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 5px 0 #b78d2d;touch-action:manipulation}button:active{transform:translateY(4px);box-shadow:0 1px 0 #b78d2d}.secondary{background:#a88cf4;box-shadow:0 5px 0 #7155be}.divider{text-align:center;margin:22px;color:#aaa5bd}.hidden{display:none}#roster{margin:20px 0}article{padding:10px 0;border-bottom:1px solid #4e4969}#message{color:#fbd37c;text-align:center;min-height:2em;overflow-wrap:anywhere}strong{font-size:28px;letter-spacing:3px}