*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#151515;color:#fff;font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid #bef975;outline-offset:2px}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.hero{position:relative;overflow:hidden;background:#0b0c0d url(/assets/login-bg.jpg) center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;padding:56px 56px 64px}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#00000059);pointer-events:none}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.brand-mark{width:36px;height:36px;background:#000;display:flex;align-items:center;justify-content:center}.brand-mark svg{width:22px;height:15px}.brand-name{font-size:17px;font-weight:600}.hero-copy{position:relative;z-index:1;max-width:480px}.hero-copy h1{margin:0 0 16px;font-size:39px;line-height:1.14;font-weight:600;letter-spacing:-.2px}.hero-copy p{margin:0;max-width:460px;font-size:14px;line-height:1.6;color:#e6e6e6}.panel{display:flex;align-items:center;justify-content:center;padding:48px 24px;background:#151515}.form{width:100%;max-width:360px}.form h2{margin:0;font-size:28px;line-height:1.2;font-weight:600}.sub{margin:10px 0 30px;font-size:13px;color:#b3b3b3}.field{margin-bottom:18px}.field label{display:block;margin-bottom:8px;font-size:12px;font-weight:600}.input{position:relative;display:flex;align-items:center;height:46px;background:#212121;border:1px solid #2a2a2a;transition:border-color .15s}.input:focus-within{border-color:#bef975}.input.err{border-color:#ff6b6b}.input .ico{position:absolute;left:14px;width:16px;height:16px;color:#9a9a9a;pointer-events:none}.input input{flex:1;height:100%;min-width:0;padding:0 44px 0 42px;background:transparent;border:0;outline:0;font-size:12.5px}.input input::placeholder{color:#6f6f6f}.eye{position:absolute;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:#b3b3b3}.eye svg{width:18px;height:18px}.eye svg[hidden]{display:none}.msg{min-height:0;margin-top:6px;font-size:11px;color:#ff6b6b}.msg:empty{display:none}.btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;font-size:13px;font-weight:600;transition:filter .15s,background .15s}.btn svg{width:16px;height:16px}.btn-primary{margin-top:8px;background:#bef975;color:#151515}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;border:1px solid #333;color:#fff}.btn-ghost:hover{background:#1c1c1c}.btn[disabled]{cursor:progress;opacity:.8}.or{display:flex;align-items:center;gap:14px;margin:12px 0;font-size:11px;color:#8a8a8a}.or:before,.or:after{content:"";flex:1;height:1px;background:#262626}.ms{width:16px;height:16px;display:grid;grid-template-columns:1fr 1fr;gap:1px}.ms i{display:block}.spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.form-err{margin:0 0 14px;font-size:12px;color:#ff6b6b}.form-err:empty{display:none}@media(max-width:860px){.login{grid-template-columns:1fr}.hero{min-height:280px;padding:32px 24px}.hero-copy h1{font-size:28px}}