.login-page{display:grid;place-items:center;padding:var(--s7) 0;min-height:60vh}.lg-box{position:relative;width:min(860px,100%);display:grid;grid-template-columns:1fr 1.15fr;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 40px 100px -20px rgba(0,0,0,.6);overflow:hidden;animation:lgUp .4s cubic-bezier(.2,.7,.2,1)}@keyframes lgUp{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lg-box{animation:none}}.lg-x{position:absolute;top:10px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:20px;line-height:32px;text-align:center;cursor:pointer;color:var(--ink-muted);text-decoration:none}.lg-x:hover{color:var(--ink);border-color:var(--line-strong)}.lg-side{padding:36px 30px;color:#d9e6f2;background:radial-gradient(400px 260px at 0 0,rgba(43,255,136,.14),transparent 60%),radial-gradient(400px 300px at 100% 100%,rgba(229,36,59,.22),transparent 60%),#05070a;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.lg-term{font-family:var(--font-mono);font-size:13px;line-height:1.9;padding:14px 16px;border-radius:12px;background:rgba(4,7,10,.85);border:1px solid rgba(43,255,136,.25)}.lg-term .g,.lg-term .pr{color:#2bff88}.lg-term .o{color:#7f93a6}.lg-side ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:14px}.lg-side li:before{content:"\2713";color:#2bff88;margin-right:10px;font-weight:700}.lg-main{padding:34px 32px 26px}.lg-tabs{display:inline-flex;padding:4px;border-radius:10px;background:var(--surface-raised);border:1px solid var(--line)}.lg-tabs button{border:0;background:transparent;padding:7px 16px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--ink-muted);cursor:pointer}.lg-tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.15)}.lg-main h2{margin-top:18px;font-family:var(--font-display);font-size:28px}.lg-sub{margin-top:4px;font-size:14.5px}.lg-soon,.lg-sub{color:var(--ink-muted)}.lg-soon{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.5;background:color-mix(in srgb,var(--warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--warning) 35%,transparent)}.lg-soon .ico{color:var(--warning);width:16px;height:16px;margin-top:2px;flex:none}.lg-google,.lg-soon b{color:var(--ink)}.lg-google{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.lg-google:hover{background:var(--surface-raised)}.lg-google svg{width:18px;height:18px}.lg-or{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:12px;color:var(--ink-faint)}.lg-or:after,.lg-or:before{content:"";flex:1;height:1px;background:var(--line)}.lg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lg-box.lg-wide{width:min(1000px,100%);grid-template-columns:.82fr 1.5fr}.lg-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 14px;align-items:stretch}.lg-grid3 .lg-f{display:flex;flex-direction:column;margin-bottom:12px}.lg-grid3 .lg-f input,.lg-grid3 .lg-f select{margin-top:auto}.lg-full{grid-column:1/-1}.lg-wide .lg-main h2{margin-top:10px;font-size:25px}.lg-wide .lg-main .lg-foot{margin-top:10px}.lg-f{display:block;margin-bottom:12px}.lg-f[hidden]{display:none}.lg-f span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.lg-opt{font-weight:400;color:var(--ink-faint)}.lg-f input,.lg-f select{width:100%;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:14.5px;font-family:inherit;outline:0;transition:border-color .15s,box-shadow .15s}.lg-f select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}.lg-f input:focus,.lg-f select:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-solid) 15%,transparent)}.lg-otp{letter-spacing:.5em;text-align:center;font-family:var(--font-mono);font-size:20px!important;font-weight:600}.lg-err{margin:-2px 0 12px;font-size:13px;color:var(--danger,#d9342b)}.lg-go{width:100%;justify-content:center;height:46px;margin-top:6px;background:linear-gradient(135deg,#ff4d5a,#e5243b);border:0;color:#fff}.lg-go:disabled{opacity:.6;cursor:not-allowed}.lg-link{border:0;background:none;color:var(--accent-solid);font:inherit;font-weight:600;cursor:pointer;padding:0}.lg-link:hover{text-decoration:underline}.lg-link:disabled{opacity:.55;cursor:not-allowed}.lg-forgot{margin:-4px 0 10px;font-size:13px;text-align:right}.lg-otp-foot{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px}.lg-foot{margin-top:14px;font-size:12.5px;color:var(--ink-faint);text-align:center}@media (max-width:760px){.lg-box,.lg-box.lg-wide{grid-template-columns:1fr}.lg-side{display:none}.lg-main{padding:28px 22px 22px}.lg-grid3,.lg-row{grid-template-columns:1fr}}