:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17151e;background:#f7f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0,rgba(129,90,221,.1),transparent 65%)}
a{color:inherit}
.brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:36px 20px 0;font-size:17px;font-weight:680;letter-spacing:-.4px}
.brand img{width:28px;height:28px;border-radius:8px}
main{flex:1;display:grid;place-items:center;padding:48px 20px}
.card{width:100%;max-width:440px;padding:42px 34px 32px;border:1px solid #e9e5ef;border-radius:28px;background:#fff;box-shadow:0 18px 70px -35px rgba(38,23,75,.2);text-align:center}
.app-icon{display:block;width:78px;height:78px;margin:0 auto 28px;border-radius:21px;box-shadow:0 8px 20px #17151e15}
.eyebrow{margin:0 0 13px;color:#7850bb;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:1.9px;text-transform:uppercase}
h1{margin:0;font-size:36px;line-height:1.12;font-weight:730;letter-spacing:-1.65px}
.description{margin:19px auto 27px;max-width:324px;color:#75717e;font-size:15px;line-height:1.65;letter-spacing:-.15px}
.primary{display:flex;min-height:54px;align-items:center;justify-content:center;gap:12px;padding:16px 18px;border-radius:14px;background:#17151e;color:#fff;text-decoration:none;font-size:15px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}
.primary:hover{background:#302838}
.primary:active{transform:translateY(1px)}
.primary span:last-child{font-size:20px;line-height:1}
a:focus-visible{outline:3px solid #9e7ce0;outline-offset:4px}
.device-note{margin:17px 0 0;font-size:12px;color:#908996;line-height:1.6}
.fallback{margin:18px 0 0;color:#75717e;font-size:13px;line-height:1.7}
.fallback a{color:#7650b7;text-underline-offset:3px}
.help{margin-top:25px;padding-top:21px;border-top:1px solid #eeeaf3;color:#817989;font-size:12px;line-height:1.7}
.help p{margin:0}
.help strong{color:#605768;font-weight:600}
footer{padding:0 20px 28px;text-align:center;color:#a29ba9;font-size:11px;letter-spacing:.3px}
[hidden]{display:none!important}
@media(max-width:380px){main{padding:32px 16px}.card{padding:34px 25px 28px}h1{font-size:32px}.brand{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}}