/* Login page */
.lg-body{overflow:auto}
.lg{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;min-height:100dvh}
.lg-left{position:relative;overflow:hidden;color:#fff;padding:34px 40px 40px 92px;background:linear-gradient(135deg,#6a45ff,#4a2fd6 55%,#3a22b8)}
.lg-brand{display:flex;align-items:center;gap:14px;margin-left:-60px}.lg-brand b{display:block;font-size:30px;line-height:1}.lg-brand small{font-size:17px;color:#d7d0ff}
.lg-logo{width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,#9b6bff,#6a45ff);display:grid;place-items:center;font-size:26px;color:#fff;flex:none;box-shadow:0 6px 18px rgba(30,10,120,.35)}.lg-logo.big{width:78px;height:78px;border-radius:20px;font-size:36px}
.lg-left h1{font-size:46px;line-height:1.08;margin:46px 0 14px;letter-spacing:-1px;max-width:520px}.lg-left h1 span{color:#cfc6ff}
.lg-left>p{font-size:18px;line-height:1.45;color:#e4dfff;max-width:520px;margin:0 0 26px}
.lg-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}
.lg-feat li{display:flex;align-items:center;gap:14px}.lg-feat li>i{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:19px;flex:none}
.lg-feat b{display:block;font-size:16px}.lg-feat small{color:#d7d0ff;font-size:13.5px}
.lg-art{position:absolute;right:-10px;bottom:-6px;width:min(52%,380px);height:auto;pointer-events:none}
.lg-right{display:grid;place-items:center;padding:26px;background:var(--panel)}
.lg-card{width:100%;max-width:700px;background:var(--bg);border:1px solid var(--bd);border-radius:22px;padding:26px 56px 22px;box-shadow:var(--shadow)}
.lg-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--tx2)}
.lg-switch{width:48px;height:27px;border-radius:99px;background:var(--brand);position:relative;flex:none}.lg-switch span{position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .16s}.lg-switch[aria-checked=true] span{transform:translateX(21px)}
.lg-lang{display:flex;align-items:center;gap:7px;margin-left:12px}.lg-lang select{border:0;background:none;color:var(--tx);font-size:14.5px;outline:0}
.lg-head{text-align:center;margin-top:6px}.lg-head h2{margin:12px 0 0;font-size:40px;letter-spacing:-1px}.lg-head small{color:var(--tx2);font-size:17px}
.lg-card h3{text-align:center;font-size:32px;margin:26px 0 6px;letter-spacing:-.5px}.lg-sub{text-align:center;color:var(--tx2);margin:0 0 20px;font-size:16px}
.lg-f{display:block;margin-bottom:14px}.lg-f>span{display:flex;justify-content:space-between;font-weight:600;font-size:14.5px;margin-bottom:7px}.lg-f>span a{font-weight:500;color:var(--brand-tx)}
.lg-in{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border:1px solid var(--bd2);border-radius:10px;background:var(--panel);color:var(--tx3)}
.lg-in:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.lg-in input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--tx);font-size:15px}.lg-in button{color:var(--tx3);font-size:16px}
.lg-note{font-size:12.5px;color:var(--tx2);background:var(--panel2);border-radius:9px;padding:9px 12px;margin:-4px 0 12px}.lg-note code{font-family:var(--mono)}
.lg-checks{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 18px;font-size:14px}
.lg-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border-radius:10px;background:linear-gradient(90deg,#6a45ff,#5130e6);color:#fff;font-weight:700;font-size:16px;border:1px solid transparent}
.lg-btn:hover{filter:brightness(1.06);color:#fff}.lg-btn.alt{background:var(--bg);color:var(--tx);border-color:var(--bd2)}.lg-btn.alt:hover{border-color:var(--brand);color:var(--tx)}.lg-btn.alt i{color:var(--brand)}
.lg-or{display:flex;align-items:center;gap:14px;color:var(--tx2);margin:16px 0;font-size:14px}.lg-or:before,.lg-or:after{content:"";flex:1;border-top:1px solid var(--bd)}
.lg-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:30px;font-size:12.5px;color:var(--tx3)}.lg-links{display:flex;gap:14px;color:var(--brand-tx)}
@media (max-width:900px){.lg{grid-template-columns:1fr}.lg-left{display:none}.lg-right{padding:14px}.lg-card{padding:22px 20px 18px}.lg-head h2{font-size:32px}.lg-card h3{font-size:26px}}