:root{color-scheme:dark;--gold:#e1c48b;--text:#f5f5f4;--muted:#8f9a9f;font-family:Arial,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:#050809;color:var(--text)}a{color:inherit;text-decoration:none}.access-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.access-scene{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:45px 50px;background:url('/assets/network-room.png') 60% center/cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#030a0dc2,#030a0d2e 40%,#03090de8)}.brand,.scene-copy,.scene-footer{position:relative;z-index:1}.brand{font-size:20px;font-weight:700;letter-spacing:.05em}.brand span{font-size:14px;color:var(--gold);font-weight:400;letter-spacing:.1em}.scene-copy{margin-top:auto;padding:180px 0 45px}.eyebrow{display:block;color:var(--gold);font-size:10px;letter-spacing:.15em}.scene-copy h1{font-size:clamp(36px,3.8vw,61px);line-height:1.05;font-weight:500;letter-spacing:-.04em;margin:18px 0}.scene-copy p{font-size:15px;line-height:1.7;color:#c5cfd3;max-width:330px}.scene-footer{font-size:11px;color:#aab8bf}.access-form{position:relative;display:flex;justify-content:center;align-items:center;padding:55px 40px 85px;border-left:1px solid #273034;background:radial-gradient(ellipse at 100% 0,#17202644,transparent 65%),#080d0f}.form-content{width:min(100%,375px)}.logo-mark{display:block;width:47px;height:47px;background:linear-gradient(135deg,#f5ead1 0%,#e4d0a6 20%,#aa8d58 44%,#dfc897 63%,#f0dfb7 77%,#b79b66 100%);mask:url('/assets/kabal-logo-green.png') center/contain no-repeat;-webkit-mask:url('/assets/kabal-logo-green.png') center/contain no-repeat;margin-bottom:38px}.access-form h2{font-size:32px;font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:16px 0}.hint{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 27px}form{display:grid;gap:18px}label{display:grid;gap:9px;font-size:13px;color:#c3ccd0}input{width:100%;height:46px;border:1px solid #354044;border-radius:7px;padding:0 13px;background:#0e1518;color:#f5f5f4;font:inherit;outline:none}input:focus{border-color:#cbb27d;box-shadow:0 0 0 3px #d9c58f12}.password-hint{font-size:11px;line-height:1.5;color:#798a93}.primary{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;margin-top:6px;background:linear-gradient(115deg,#f1dfb5,#d4b06b);color:#17170f;border:1px solid #dac18c;border-radius:7px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.primary:hover{filter:brightness(1.07)}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.form-footer{margin-top:25px;padding-top:20px;border-top:1px solid #202b30;font-size:11px;color:#71838c;display:flex;gap:8px;align-items:center}.lock{color:var(--gold);font-size:16px}.legal{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:10px;color:#576b76;letter-spacing:.07em}.error{border:1px solid #754842;padding:11px 13px;border-radius:6px;background:#351e1b;color:#efc0b4;font-size:13px;line-height:1.5}@media(max-width:850px){.access-layout{grid-template-columns:1fr}.access-scene{min-height:230px;padding:25px;background-position:center 43%}.scene-copy{padding:35px 0 0}.scene-copy h1{font-size:29px;margin:12px 0}.scene-copy p,.scene-footer{display:none}.access-form{min-height:calc(100vh - 230px);padding:32px 24px 72px;border-left:0;border-top:1px solid #273034}.logo-mark{display:none}.access-form h2{font-size:29px}.brand{font-size:18px}.brand span{font-size:12px}.scene-copy .eyebrow{font-size:9px}}