*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 32%,#172a38 0,transparent 50%),#090e19;color:#f3f7fb;font-family:Inter,system-ui,sans-serif}.welcome{text-align:center;padding:48px 24px;width:min(100%,560px)}.logo{width:150px;height:164px;position:relative;margin:0 auto 30px}.ball{position:absolute;z-index:2;top:9px;left:46px;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff 0,#c0ffeb 20%,#8edbec 42%,#bd9fe5 65%,#eeb3d9 81%,#444b7c 100%);box-shadow:0 12px 35px #a2ecd32b,inset -5px -6px 12px #20253755}.track{position:absolute;width:96px;height:23px;border:2px solid #abfbd8;border-radius:50%;transform:rotate(-15deg);box-shadow:0 4px 0 #365e60,0 7px 20px #aaffd511}.one{top:80px;left:8px}.two{top:110px;left:51px;border-color:#b5a1ff;box-shadow:0 4px 0 #4e426b}.three{top:141px;left:12px;border-color:#85c5e8;box-shadow:0 4px 0 #2c5268}.eyebrow{font-size:10px;letter-spacing:.26em;color:#aaf2d5;font-weight:600}h1{font-size:clamp(36px,8vw,54px);letter-spacing:-.05em;margin:13px 0}h1 span{color:#aaf2d5}.tagline{color:#9da9bb;margin:0 0 38px;font-size:17px}button{border:1px solid #dadce0;border-radius:10px;background:#fff;color:#202124;display:inline-flex;gap:13px;align-items:center;justify-content:center;padding:16px 25px;font:600 15px system-ui;cursor:pointer;min-width:245px}button:hover{background:#eef4f1}button:focus-visible{outline:3px solid #aaf2d5;outline-offset:5px}button:disabled{opacity:.6;cursor:wait}#login-status{font-size:13px;color:#afbecd;line-height:1.6;min-height:42px;margin:20px auto 0;max-width:380px}