body{font-family:system-ui,sans-serif;margin:0;min-height:100vh;color:#f4f4ff}main{box-sizing:border-box;max-width:28rem;margin:15vh auto 0;padding:2rem;text-align:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1rem 3rem #00000059}h1{margin-top:0;letter-spacing:.05em}[role=status]{font-size:2rem;font-weight:600}button{padding:.7rem 1.8rem;font-size:1rem;font-weight:600;color:#1b1f4b;background:linear-gradient(135deg,#8ee3ff,#d6a8ff);border:0;border-radius:999px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-2px);box-shadow:0 .5rem 1.5rem #8ee3ff66}button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){button{transition:none}button:hover{transform:none}}