.auth{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:100dvh;display:grid}.auth-side{flex-direction:column;padding:clamp(1.5rem,4vw,2.75rem) clamp(1.5rem,5vw,4rem);display:flex}.auth-logo{color:var(--ink);align-self:flex-start;display:inline-flex}.auth-box{flex-direction:column;width:100%;max-width:24rem;margin:auto;padding-block:2.5rem;display:flex}.auth-box h1{letter-spacing:-.035em;font-size:clamp(2rem,3.6vw,2.6rem)}.auth-box>.mute{margin-block:.5rem 1.6rem}.auth-box .note{margin-block-end:1rem}.auth-box .btn.fb{justify-content:center;gap:.6rem;width:100%}.auth-or{color:var(--mute);align-items:center;gap:.8rem;margin-block:1.5rem 1.1rem;font-size:.88rem;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.auth-box form{flex-direction:column;display:flex}.auth-box label{margin-block:.75rem .35rem;font-size:.9rem;font-weight:500}.auth-box label:first-child{margin-block-start:0}.auth-box input{width:100%}.auth-box .btn.ghost{justify-content:center;width:100%;margin-block-start:1.2rem}.auth-box .hint{margin-block-start:.9rem;font-size:.86rem}.auth-foot{color:var(--mute);font-size:.92rem}.auth-foot a{color:var(--acc);font-weight:500}.auth-show{isolation:isolate;color:#fff;background:radial-gradient(80% 60% at 50% 45%,#13234d 0%,#08102a 48%,#03060f 100%);flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.25rem,3vw,2rem);padding:clamp(2rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.auth-show:after{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(#8cafff59 1px,#0000 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000,#0000);mask-image:radial-gradient(70% 60%,#000,#0000)}.auth-glow{z-index:-1;aspect-ratio:1.6;filter:blur(30px);background:radial-gradient(closest-side,#548cff8c,#548cff00);border-radius:50%;width:80%;position:absolute;inset:auto}.auth-win{background:#0b0f1d;border-radius:1rem;width:min(100%,58rem);overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 40px 90px -30px #000000e6,0 0 80px -20px #548cff73}.auth-bar{direction:ltr;background:linear-gradient(#1b2030,#151927);align-items:center;gap:.4rem;padding:.6rem .8rem;display:flex}.auth-bar i{background:#ff5f57;border-radius:50%;width:.65rem;height:.65rem}.auth-bar i:nth-child(2){background:#febc2e}.auth-bar i:nth-child(3){background:#28c840}.auth-bar span{color:#fff9;background:#ffffff12;border-radius:.4rem;margin-inline:auto;padding:.2rem 1.4rem;font-size:.78rem;transform:translate(-1.2rem)}.auth-reel{aspect-ratio:16/10;object-fit:cover;background:#eef0f6;width:100%;height:auto;display:block}.auth-cap{text-align:center;color:#ffffffb8;max-width:32rem;font-size:clamp(.98rem,1.4vw,1.1rem);line-height:1.5}.auth-cap b{color:#fff;letter-spacing:-.02em;margin-block-end:.2rem;font-size:clamp(1.3rem,2.2vw,1.7rem);display:block}@media (max-width:900px){.auth{grid-template-columns:minmax(0,1fr)}.auth-show{order:-1;gap:1rem;padding:1.5rem 1.25rem 1.75rem}.auth-cap{font-size:.92rem}.auth-cap b{font-size:1.15rem}.auth-side{padding:1.25rem 1.25rem 2rem}.auth-logo{display:none}.auth-box{padding-block:1.5rem 2rem}}