.auth{--a-ink:#f2f5f8;--a-muted:#8b95a1;--a-line:rgba(255,255,255,.1);--a-glass:rgba(14,18,24,.58);position:relative;isolation:isolate;color-scheme:dark;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,470px);grid-template-rows:auto 1fr;background:#05070a;color:var(--a-ink)}.auth,.auth-bg{overflow:hidden}.auth-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.auth-bg span{position:absolute;border-radius:50%;filter:blur(110px);animation:auth-drift 26s ease-in-out infinite alternate}.auth-bg span:first-child{width:62vmax;height:62vmax;left:-24vmax;top:-30vmax;background:#0068b0;opacity:.55}.auth-bg span:nth-child(2){width:44vmax;height:44vmax;left:30%;bottom:-26vmax;background:#0097cb;opacity:.28;animation-duration:32s}.auth-bg span:nth-child(3){width:30vmax;height:30vmax;right:-10vmax;top:10%;background:#1ea4dc;opacity:.12;animation-duration:20s}@keyframes auth-drift{to{transform:translate(6vmax,4vmax) scale(1.1)}}.auth-grid{position:absolute;left:-20%;right:-20%;bottom:-8%;height:55%;background-image:linear-gradient(rgba(76,193,239,.16) 1px,transparent 0),linear-gradient(90deg,rgba(76,193,239,.16) 1px,transparent 0);background-size:64px 64px;transform:perspective(700px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(0deg,#000 0,transparent 85%);mask-image:linear-gradient(0deg,#000 0,transparent 85%);opacity:.45;animation:auth-floor-run 6s linear infinite}@keyframes auth-floor-run{to{background-position:0 64px,0 0}}.auth-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:calc(20px + env(safe-area-inset-top)) 28px 0;z-index:2}.auth-brand{display:inline-flex;align-items:center;gap:10px}.auth-brand b{font:400 18px/1 var(--display);text-transform:uppercase;letter-spacing:.03em}.auth-site{font-size:13px;font-weight:600;color:var(--a-muted);text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid var(--a-line);transition:color .2s,border-color .2s}.auth-site:hover{color:#fff;border-color:rgba(255,255,255,.3)}.auth-stage{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden}.auth-word{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;gap:.22em;white-space:nowrap;pointer-events:none;font:400 clamp(64px,9.2vw,186px)/.84 var(--display);text-transform:uppercase;letter-spacing:-.01em}.auth-word span{display:block;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.03) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:auth-word-in 1.2s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.15s + var(--i) * .12s)}@keyframes auth-word-in{0%{opacity:0;transform:translateY(30%) scale(.96);filter:blur(10px)}}.auth-logo{position:absolute;inset:0;cursor:-webkit-grab;cursor:grab;touch-action:pan-y}.auth-logo:active{cursor:-webkit-grabbing;cursor:grabbing}.auth-floor{position:absolute;left:50%;bottom:13%;width:min(46vw,560px);height:70px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(30,164,220,.55),rgba(30,164,220,0));filter:blur(18px);pointer-events:none;animation:auth-glow 5s ease-in-out infinite alternate}@keyframes auth-glow{to{opacity:.55;transform:translateX(-50%) scaleX(.86)}}.auth-hint{position:absolute;bottom:6%;left:0;right:0;margin:0;text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.32);animation:auth-hint 7s ease both}@keyframes auth-hint{0%,30%{opacity:0}45%,80%{opacity:1}to{opacity:0}}.auth-panel{position:relative;z-index:2;display:grid;grid-template-rows:1fr auto;align-items:center;padding:24px 32px calc(22px + env(safe-area-inset-bottom)) 0;min-width:0}.auth-card{padding:36px 32px 32px;border-radius:28px;background:var(--a-glass);border:1px solid var(--a-line);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 40px 100px rgba(0,0,0,.5);animation:auth-card-in 1s cubic-bezier(.16,1,.3,1) .35s both}@keyframes auth-card-in{0%{opacity:0;transform:translateY(24px) scale(.97);filter:blur(12px)}}.auth-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#4cc1ef}.auth-kicker i{width:7px;height:7px;border-radius:50%;background:#4cc1ef;box-shadow:0 0 0 0 rgba(76,193,239,.6);animation:auth-ping 2s ease-out infinite}@keyframes auth-ping{70%{box-shadow:0 0 0 9px rgba(76,193,239,0)}to{box-shadow:0 0 0 0 rgba(76,193,239,0)}}.auth-title{margin:0;font:400 clamp(44px,5vw,64px)/.92 var(--display);text-transform:uppercase;letter-spacing:-.005em}.auth-lead{margin:12px 0 22px;color:var(--a-muted);font-size:15px;line-height:1.55}.auth-form{display:grid;grid-gap:14px;gap:14px}.auth-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--a-line)}.auth-seg button{position:relative;z-index:1;min-height:38px;border:0;background:none;color:var(--a-muted);font-size:13px;font-weight:700;cursor:pointer;border-radius:10px;transition:color .25s}.auth-seg button.on{color:#05070a}.auth-seg i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:10px;background:#f2f5f8;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .45s cubic-bezier(.2,.9,.25,1)}.auth-field{display:grid;grid-gap:7px;gap:7px}.auth-field span{font-size:13px;font-weight:600;color:var(--a-muted)}.auth-field input{width:100%;min-height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--a-line);background:rgba(255,255,255,.04);color:#fff;font-size:16px;transition:border-color .2s,background-color .2s,box-shadow .2s}.auth-field input::placeholder{color:rgba(255,255,255,.25)}.auth-field input:focus{outline:none;border-color:#1ea4dc;background:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(30,164,220,.18)}.auth-field input.code{font:700 28px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.42em;text-align:center}.auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin-top:4px;border:0;border-radius:16px;background:linear-gradient(180deg,#34b6ea,#1497cf);color:#04121a;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 34px -10px rgba(30,164,220,.75);transition:transform .12s ease,box-shadow .25s,filter .2s}.auth-btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 44px -10px rgba(30,164,220,.95)}.auth-btn:active{transform:scale(.98)}.auth-btn:disabled{filter:saturate(.6) brightness(.85);cursor:default}.auth-btn svg{transition:transform .25s}.auth-btn:hover svg{transform:translateX(3px)}.auth-msg{margin:0;padding:11px 14px;border-radius:12px;font-size:14px}.auth-msg.err{background:rgba(212,57,58,.16);color:#ff9a9a;border:1px solid rgba(212,57,58,.3)}.auth-msg.ok{background:rgba(30,164,220,.14);color:#8fd6f5;border:1px solid rgba(30,164,220,.3)}.auth-note{margin:0;color:var(--a-muted);font-size:14px}.auth-check{display:flex;align-items:center;gap:10px;font-size:14px;color:#c7cdd4;cursor:pointer}.auth-check input{width:18px;height:18px;accent-color:#1ea4dc}.auth-link{justify-self:center;margin-top:4px;border:0;background:none;color:var(--a-muted);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-link:hover{color:#fff}.auth-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding-top:20px;font-size:12px;color:rgba(255,255,255,.35)}.auth-foot a{color:rgba(255,255,255,.45);text-decoration:none}.auth-foot a:hover{color:#fff}@media (max-width:960px){.auth{grid-template-columns:1fr;grid-template-rows:auto auto auto}.auth-top{padding:calc(14px + env(safe-area-inset-top)) 18px 0}.auth-stage{height:clamp(240px,42svh,420px)}.auth-word{font-size:clamp(44px,14.5vw,120px)}.auth-floor{bottom:6%;width:70vw}.auth-hint{display:none}.auth-panel{padding:0 16px calc(18px + env(safe-area-inset-bottom))}.auth-card{padding:26px 20px 22px;border-radius:24px}.auth-title{font-size:clamp(40px,12vw,54px)}}@media (prefers-reduced-motion:reduce){.auth-bg span,.auth-card,.auth-floor,.auth-grid,.auth-hint,.auth-kicker i,.auth-word span{animation:none}}