html body #lg:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);max-width:none!important;width:100%!important;min-height:100vh;margin:0!important;padding:0!important;gap:0!important;border:0!important;border-radius:0!important;background:var(--bg)!important;box-shadow:none!important}
.lgv{position:relative;overflow:hidden;color:#e9ecf5;background:#090b12;padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:28px;isolation:isolate}
.lgv::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(900px 520px at 85% 8%,rgba(255,122,26,.22),transparent 60%),radial-gradient(800px 600px at 0% 100%,rgba(66,99,255,.28),transparent 60%),linear-gradient(160deg,#0b0e18,#080a10)}
.lgv::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 40% 40%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 40% 40%,#000 25%,transparent 75%)}
.lgb img{display:block;width:clamp(170px,19vw,260px);height:auto}
.lgk{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ff9a4d;margin-bottom:14px}
.lgh h2{margin:0;font-size:clamp(28px,3.4vw,50px);line-height:1.05;letter-spacing:-.03em;font-weight:800;max-width:15em}
.lgh h2 em{font-style:normal;background:linear-gradient(90deg,#ff7a1a,#ffb36b);-webkit-background-clip:text;background-clip:text;color:transparent}
.lgh p{margin:16px 0 0;max-width:34em;font-size:clamp(14px,1.15vw,17px);line-height:1.6;color:#aab1c7}
.lgf{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px}
.lgf li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;backdrop-filter:blur(6px)}
.lgf svg{width:22px;height:22px;stroke:#ff9a4d;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.lgf b{display:block;font-size:13.5px;margin-bottom:3px}.lgf span{display:block;font-size:12px;line-height:1.45;color:#98a0b8}
.lgm{position:relative;height:210px;max-width:560px}
.lgm>div{position:absolute;background:#141926;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.45);padding:14px;font-size:12.5px}
.lgm .c1{left:0;top:0;width:290px;animation:lgfl 7s ease-in-out infinite}.lgm .c2{left:250px;top:46px;width:230px;animation:lgfl 8s ease-in-out -3s infinite}
.lgm .ph{display:flex;align-items:center;gap:9px;margin-bottom:10px}.lgm .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ff7a1a,#ffb36b);color:#1a1205;font-weight:800;display:grid;place-items:center}
.lgm .ph b{display:block;font-size:13px}.lgm .tg{font-size:10.5px;font-weight:700;color:#ff9a4d;background:rgba(255,122,26,.14);border-radius:6px;padding:2px 7px;display:inline-block;margin-top:2px}
.lgm .bb{border-radius:12px;padding:7px 10px;margin-top:6px;max-width:88%;line-height:1.35}.lgm .bc{background:#222a3d;color:#dfe4f2}.lgm .bm{background:#3b5bff;color:#fff;margin-left:auto}
.lgm .c2 h5{margin:0 0 10px;font-size:12px;color:#aab1c7;font-weight:600}.lgm .fr{display:grid;grid-template-columns:78px 1fr 20px;gap:8px;align-items:center;margin:7px 0;color:#c9cfe2;font-size:11.5px}
.lgm .fr i{display:block;height:7px;border-radius:5px}.lgm .fr b{text-align:right}
@keyframes lgfl{50%{transform:translateY(-7px)}}
.lgz{color:#7b839c;font-size:12px}
.lgr{display:grid;place-items:center;padding:32px 24px;background:var(--bg)}
.lgx{width:100%;max-width:400px;display:grid;gap:14px}
.lgx .ey{color:var(--pr);font-size:13px;font-weight:700;letter-spacing:.02em}
.lgx h1{margin:0;font-size:30px;letter-spacing:-.02em;line-height:1.15}.lgx .sb{margin:-4px 0 6px;color:var(--mu)}
.lgx label{display:grid;gap:6px;font-weight:600;font-size:13px}
.lgx input[type=email],.lgx input[type=password],.lgx input[type=text]{padding:12px 13px;font-size:15px;border-radius:10px;background:var(--sf)}
.lgx input:focus{outline:2px solid var(--pr);outline-offset:1px;border-color:transparent}
.lgx .lgm2{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--tx);cursor:pointer}.lgx .lgm2 input{width:auto;accent-color:var(--pr)}
.lgx #lb{padding:13px;font-size:15px;font-weight:700;border-radius:10px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px}.lgx #lb:disabled{opacity:.7;cursor:wait}
.lgx #lerr{min-height:18px;color:#dc2626!important;font-size:13px}
.lgx .lgl{display:flex;justify-content:center;gap:14px;color:var(--mu);font-size:12px;margin-top:8px}.lgx .lgl a{color:var(--mu)}.lgx .lgl a:hover{color:var(--tx)}
.lgx .sgn{margin-top:0}.lgx .lgl{order:9}
@media(max-width:960px){html body #lg:not([hidden]){grid-template-columns:1fr}.lgv{padding:22px 20px 26px;gap:16px}.lgm,.lgf,.lgz{display:none}.lgh h2{font-size:26px}.lgh p{font-size:14px;margin-top:10px}.lgr{align-items:start;padding:24px 18px 40px}.lgx h1{font-size:26px}.lgb img{width:150px}}
@media(max-height:760px) and (min-width:961px){.lgm{display:none}}
@media(prefers-reduced-motion:reduce){.lgm>div{animation:none!important}}