:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#1b2a4a,#0b1020 60%,#060912);color:#e9eefb;padding:1.5rem}.card{text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem 2.5rem;max-width:420px;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px #00000073}.logo{font-size:2.75rem;color:#5b8cff;margin-bottom:.5rem;filter:drop-shadow(0 0 18px rgba(91,140,255,.6))}h1{margin:0 0 .5rem;font-size:1.75rem;letter-spacing:-.02em}p{margin:.25rem 0;color:#aab4d4}button{margin-top:1.75rem;font:inherit;font-weight:600;color:#fff;background:linear-gradient(135deg,#5b8cff,#7a5bff);border:none;border-radius:12px;padding:.8rem 1.6rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 8px 24px #5b8cff59}button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #5b8cff80}button:active{transform:translateY(0)}.hint{margin-top:1.25rem;font-size:.85rem;color:#6b769b}