*{box-sizing:border-box}body{margin:0;background:#07080b;color:#f7f8fc;font-family:Inter,Arial,sans-serif;min-height:100svh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 12% 20%,var(--tint,#ef345118),transparent 55%)}a{color:inherit}.layout,.shell{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1240px;min-height:100svh;margin:auto;padding:60px 30px;gap:80px;align-items:center}.intro,.story{background:none!important;border:0!important;padding:20px!important;display:flex;flex-direction:column;gap:65px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:800}.brand img{width:44px;height:40px;object-fit:contain}.brand b{color:var(--accent,#ff4966)}h1{font-size:clamp(42px,4.6vw,68px);line-height:1.08;letter-spacing:-.055em;margin:22px 0}h1 span,h1 em{color:var(--accent,#ff4966);font-style:normal}.intro p,.story p{font-size:14px;color:#969ba9;line-height:1.9;max-width:440px}.eyebrow,.badge{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--accent,#ff4966)}.steps,.features{display:grid;gap:20px;margin-top:35px}.steps div{display:grid;grid-template-columns:36px 1fr;gap:5px 12px}.steps i,.features span{grid-row:span 2;font-style:normal;font-size:11px;color:var(--accent,#ff4966)}.steps strong{font-size:13px}.steps small{color:#737988;font-size:11px}.security,.story-foot{font-size:11px!important;color:#737988!important}.panel,.workspace{padding:0!important;background:none!important;min-width:0}.back{display:inline-block;font-size:12px;text-decoration:none;color:#9298a8;margin-bottom:25px}.card{width:100%;max-width:480px;margin:auto;padding:38px!important;border:1px solid #ffffff14;border-radius:30px;background:linear-gradient(145deg,#ffffff09,#ffffff02)!important;box-shadow:0 25px 100px #0004;backdrop-filter:blur(28px);animation:arrive .45s ease both}.heading h2,h2{font-size:29px;letter-spacing:-.045em;margin:20px 0 12px}.heading p,.card .intro,.intro-copy{font-size:13px;line-height:1.85;color:#9298a8;padding:0!important;display:block!important}.method-logo{height:65px;max-width:155px;object-fit:contain;display:block;margin-bottom:28px}.method-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:#ffffff0c;margin-bottom:28px;font-size:32px}.method-icon svg{width:30px;height:30px}label{display:block;font-size:12px;font-weight:600;margin:25px 0 10px}input{width:100%;min-width:0;height:58px;border-radius:15px;border:1px solid #ffffff1c;background:#080a10;color:white;padding:0 16px;font:500 16px Inter;outline:none}input:focus{border-color:var(--accent,#ff4966);box-shadow:0 0 0 4px var(--tint,#ef345118)}button,.primary{cursor:pointer;font:600 13px Inter}.submit,.primary{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;min-height:56px;border:0;border-radius:15px;background:var(--accent,#ff4966);color:#07100b;margin-top:22px;text-decoration:none;transition:transform .2s,filter .2s}.submit:hover,.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}.input-row{display:flex;gap:9px}.input-row button{border:1px solid #ffffff1c;border-radius:15px;background:#ffffff0d;color:#fff;padding:0 20px}.player-card{display:flex;align-items:center;gap:12px;padding:18px;margin-top:20px;border-radius:16px;background:#ffffff08}.player-card strong,.player-card small,.player-card span{display:block}.player-card strong{margin:5px 0}.player-card small,.player-card span{font-size:10px;color:#9298a8}.player-card button{margin-left:auto;background:none;border:0;color:var(--accent)}.links,.other{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff12;margin-top:28px;padding-top:22px;font-size:11px;color:#9298a8}.links a,.other a{text-decoration:none}.or,.glow,.phone-icon{display:none}#message,#notice{font-size:12px;line-height:1.8;color:#ffcb8a}#message:not(:empty),#notice:not(:empty){padding:13px;background:#ffb35a0b;border-radius:12px;margin:18px 0}.phone-entry{display:flex;align-items:center;border:1px solid #ffffff1c;background:#080a10;border-radius:15px;overflow:hidden}.phone-prefix{padding-left:16px;font-size:13px;color:#9298a8}.phone-entry input{border:0;background:none;box-shadow:none}.phone-help,.otp-help,.secure,.card small{font-size:10px;color:#858b9b;line-height:1.8}.secure{text-align:center;margin-top:20px}.modes{display:flex;background:#080a10;border:1px solid #ffffff14;border-radius:12px;padding:4px;gap:4px;margin:25px 0}.modes button{flex:1;border:0;background:none;color:#9298a8;padding:11px;border-radius:9px}.modes button.active{background:#ffffff12;color:white}.text-button{background:none;border:0;color:#9298a8;display:block;margin:20px auto}.sent{font-size:12px;line-height:1.8;color:#a6afbe}#code,#game-code{text-align:center;letter-spacing:.35em;font-size:24px}.google-message{font-size:12px;line-height:1.8;color:#ffcb8a}.google-note{font-size:11px;line-height:1.9;color:#858b9b;margin-top:22px}[hidden]{display:none!important}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.layout,.shell{display:block;padding:24px 20px 35px;min-height:100svh}.intro,.story{padding:0!important;gap:0;margin-bottom:30px}.intro>div,.intro>.security,.story-body,.story-foot{display:none}.brand{font-size:16px}.brand img{width:35px;height:32px}.panel,.workspace{width:100%}.back{margin-bottom:20px;font-size:11px}.card{max-width:480px;padding:28px 24px!important;border-radius:25px}.method-logo{height:56px;margin-bottom:25px}.heading h2,h2{font-size:27px}.card .intro{margin-bottom:22px}.links{flex-wrap:wrap;line-height:1.7}.secure{padding-bottom:env(safe-area-inset-bottom)}.phone-entry input{padding-left:12px}.workspace>.back{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.workspace{display:block!important;min-height:0!important}.workspace>.back{position:static!important;margin:0 0 24px!important}.workspace>.card{margin:0 auto!important}
