.login-page{place-items:center;min-height:100dvh;padding:40px 24px 90px;display:grid}.login-page .lg-split{background:var(--panel);border:2px solid var(--line);width:100%;max-width:780px;box-shadow:6px 6px 0 0 var(--line);border-radius:18px;grid-template-columns:1fr 1.25fr;margin:0 auto;display:grid;overflow:hidden}.login-page .lg-split .brand{background:var(--accent);color:#000;border-right:2px solid var(--line);background-image:linear-gradient(90deg,#00000014 1px,#0000 1px),linear-gradient(#00000014 1px,#0000 1px);background-size:34px 34px;flex-direction:column;justify-content:space-between;padding:34px 28px;display:flex;position:relative;overflow:hidden}.login-page .lg-split .brand video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-page .lg-split .brand a,.login-page .lg-split .brand img,.login-page .lg-split .brand>div{z-index:1;position:relative}.login-page .lg-split .brand a{align-self:flex-start;line-height:0}.login-page .lg-split .brand img{filter:drop-shadow(0 2px 6px #0009);align-self:flex-start;width:auto;height:20px}.login-page .lg-split .brand h3{flex-direction:column;align-items:flex-start;gap:10px;margin-top:40px;font-size:22px;font-weight:900;display:flex}.login-page .lg-split .brand h3 .hl{background:var(--accent);color:#000;border:2px solid var(--line);box-shadow:3px 3px 0 0 var(--line);border-radius:10px;padding:4px 14px;line-height:1.5;display:inline-block;transform:rotate(-2deg)}.login-page .lg-split .brand h3 .hl:last-child{transform:rotate(1.5deg)}.login-page .lg-split .brand .chip{border:2px solid var(--line);width:fit-content;box-shadow:var(--shadow-sm);background:#fff;border-radius:99px;margin-top:16px;padding:5px 14px;font-size:12px;font-weight:900;display:inline-block;transform:rotate(-2deg)}.login-page .lg-split .formside{padding:32px 30px}.login-page .lg-title{text-align:left;font-size:22px;font-weight:900}.login-page .lg-sub{color:var(--text-dim);text-align:left;margin-top:6px;font-size:13px}.login-page .lg-sub a{color:var(--text);font-weight:700}.login-page .lg-err{color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent);border:2px solid var(--red);border-radius:10px;margin-top:12px;padding:9px 12px;font-size:12.5px;font-weight:600;line-height:1.55}.login-page .soc-btn{cursor:pointer;background:var(--panel);width:100%;color:var(--text);border:2px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex}.login-page .soc-btn:hover{box-shadow:none;transform:translate(2px,2px)}.login-page .soc-btn+.soc-btn{margin-top:10px}.login-page .divider{align-items:center;gap:12px;margin:20px 0;display:flex}.login-page .divider i{background:var(--line);opacity:.15;flex:1;height:2px}.login-page .divider span{color:var(--text-dim);letter-spacing:1px;font-size:11.5px;font-weight:900}.login-page .lbl{margin:14px 0 6px;font-size:12.5px;font-weight:700;display:block}.login-page .inp{background:var(--bg);width:100%;color:var(--text);border:2px solid var(--line);border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:box-shadow .15s}.login-page .inp:focus{box-shadow:var(--shadow-sm);background:var(--panel)}.login-page .row-between{justify-content:space-between;align-items:center;margin-top:10px;font-size:12.5px;display:flex}.login-page .row-between a{color:var(--text);font-weight:700}.login-page .lg-btn{text-align:center;cursor:pointer;background:var(--accent);color:#000;border:2px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:10px;margin-top:18px;padding:13px;font-family:inherit;font-size:15px;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s;display:block}.login-page .lg-btn:hover{box-shadow:none;transform:translate(3px,3px)}.login-modal{z-index:100;background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-modal .login-modal-card{width:100%;max-width:780px;animation:.35s cubic-bezier(.2,1.4,.4,1) both popIn}.login-modal .login-page{min-height:0;padding:0;display:block}@media (max-width:760px){.login-page .lg-split{grid-template-columns:1fr}.login-page .lg-split .brand{border-right:none;border-bottom:2px solid var(--line)}.login-page .lg-split .brand h3{margin-top:16px}}