*{box-sizing:border-box}
html{min-height:100%;background:#f5f7fd}
body{margin:0;min-height:100vh;min-height:100svh;color:#0c1729;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse 36% 22% at 88% -5%,#dfebff 0,transparent 75%),radial-gradient(ellipse 19% 27% at -6% 45%,#edf0f9 0,transparent 78%),#f5f7fd;display:grid;place-items:center;padding:32px 20px}
.welcome{text-align:center;width:min(100%,528px);transform:translateY(-10px)}
.brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:32px;font-weight:700;letter-spacing:-1.3px;line-height:38px;margin-bottom:44px}
.brand-dot{width:10px;height:10px;border-radius:50%;background:#006bff;box-shadow:0 0 0 5px #e2e7f0}
.welcome-card{width:100%;padding:54px 30px 42px;border:1px solid #d9dde5;border-radius:20px;background:#ffffff91;box-shadow:0 17px 45px #15244214;animation:arrive .65s cubic-bezier(.2,.7,.3,1) both}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;line-height:18px;font-weight:700;letter-spacing:2px;color:#006aff;margin-bottom:23px}
.eyebrow span{width:10px;height:10px;border-radius:50%;background:#006aff}
h1{font-size:44px;line-height:1.15;letter-spacing:-1.5px;margin:0 0 17px;font-weight:700;white-space:nowrap}
h1 span{color:#006aff}
p{color:#61738f;font-size:20px;line-height:30px;margin:0}
.continue{display:inline-flex;align-items:center;justify-content:center;min-width:155px;min-height:55px;padding:14px 34px;margin-top:35px;border-radius:999px;background:#006aff;color:white;text-decoration:none;font-weight:700;font-size:18px;line-height:26px;box-shadow:0 10px 22px #15244218;transition:background .2s,transform .2s,box-shadow .2s}
.continue:hover{background:#005ce0;transform:translateY(-2px);box-shadow:0 14px 28px #006aff28}
.continue:active{transform:translateY(0)}
a:focus-visible{outline:3px solid #73aaff;outline-offset:5px}
footer{font-size:16px;line-height:24px;color:#8090ab;margin-top:34px}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:580px){.welcome{max-width:460px;transform:none}.brand{font-size:30px;margin-bottom:32px}.welcome-card{padding:40px 20px 34px}h1{font-size:clamp(27px,6.8vw,40px);letter-spacing:-1px}p{font-size:17px;line-height:26px}.desktop-break{display:none}.eyebrow{margin-bottom:22px}.continue{margin-top:28px}footer{font-size:14px;margin-top:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}