@font-face{font-family:Kraxel;src:local('Avenir Next'),local('Avenir'),local('Segoe UI');font-display:swap}
:root{color-scheme:light;--ink:#1d211f;--muted:#737873;--paper:#f6f6f2;--line:#e3e5de}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Kraxel,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}button{cursor:pointer}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #83945c;outline-offset:4px}.login-page{max-width:1344px;margin:0 auto;padding:38px 48px 24px;min-height:100svh;display:flex;flex-direction:column;justify-content:center}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 1px 29px}.logo-link{display:block;line-height:0;border-radius:3px}.logo-link img{display:block;width:236px;height:auto;mix-blend-mode:multiply}.header-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#6b716a}.live-dot{width:6px;height:6px;border-radius:50%;background:#8b9b73}.login-frame{display:grid;grid-template-columns:1.08fr 1fr;min-height:650px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 60px #1c261107}.brand-panel{position:relative;background:#ebede5;overflow:hidden;padding:33px 38px 25px;display:flex;flex-direction:column}.panel-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.8px;font-weight:650;color:#6b7467}.panel-label>span:last-child{font-size:22px;font-weight:400;line-height:1;letter-spacing:0}.brand-copy{margin-top:71px;position:relative;z-index:1}.overline{font-size:9px;letter-spacing:1.8px;font-weight:650;margin:0 0 23px;color:#65715e}h1{font-size:clamp(42px,4.5vw,67px);line-height:1.05;letter-spacing:-3.3px;font-weight:650;margin:0 0 26px}h1>span{color:#7d8973}.brand-description{font-size:12px;line-height:1.9;color:#6f7869;margin:0;max-width:330px}.ridge-art{position:relative;flex:1;min-height:145px;margin:13px -38px 0}.ridge-art svg{position:absolute;bottom:-13px;left:0;width:100%;height:170px;stroke:#aeb9a0;stroke-width:1;opacity:.7}.ridge-art circle{fill:#879873;stroke:var(--paper);stroke-width:2}.panel-footer{z-index:1;display:flex;justify-content:space-between;border-top:1px solid #cdd3c6;padding-top:20px;font-size:7px;letter-spacing:1.5px;color:#727c6b;gap:15px}.form-panel{display:flex;align-items:center;justify-content:center;padding:50px 45px}.form-content{width:100%;max-width:330px}.access-label{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.5px;font-weight:600;color:#6d746b;margin-bottom:25px}.access-label svg{width:15px;height:15px;stroke:#737e69;stroke-width:1.3}h2{font-size:35px;line-height:1.15;letter-spacing:-1.5px;margin:0 0 13px;font-weight:650}.form-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 31px}.field{margin-bottom:19px}.field>label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}input[type=email],input[type=password],input[type=text]{width:100%;height:49px;border:1px solid #dce0d5;border-radius:7px;background:#fff;padding:0 14px;font-size:12px;color:var(--ink);transition:border-color .15s,box-shadow .15s}input::placeholder{color:#9b9f97}input:focus{border-color:#859475;box-shadow:0 0 0 3px #eaf0e2;outline:none}input[aria-invalid=true]{border-color:#b8684e}.password-field{position:relative}.password-field input{padding-right:49px}.password-toggle{position:absolute;right:3px;top:3px;width:43px;height:43px;display:grid;place-items:center;border:0;background:transparent;border-radius:5px;color:#8a9284}.password-toggle[hidden]{display:none}.password-toggle:hover{color:var(--ink);background:#f5f6f1}.password-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.password-toggle .eye-closed{display:none}.password-toggle[aria-pressed=true] .eye-open{display:none}.password-toggle[aria-pressed=true] .eye-closed{display:block}.remember{display:flex;align-items:center;gap:9px;font-size:10px;color:#6d7469;margin:23px 0 25px;cursor:pointer;width:fit-content}.remember input{accent-color:#273322;width:15px;height:15px;margin:0;cursor:pointer}.submit-button{width:100%;height:49px;display:flex;align-items:center;justify-content:space-between;background:#20271f;color:#fff;border:1px solid #20271f;border-radius:7px;padding:0 16px;font-size:12px;font-weight:600;transition:background .18s,transform .18s}.submit-button:hover{background:#394632;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button svg{width:18px;height:18px;stroke:#d9e5c6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.access-note{font-size:9px;line-height:1.9;color:#8b9186;margin:23px 0 0}.form-error{border:1px solid #ebcbbb;background:#fff6f0;color:#964a32;font-size:11px;line-height:1.7;padding:12px 14px;border-radius:7px;margin:0 0 22px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8a9083;font-size:8px;padding:24px 1px 0;letter-spacing:.2px}
@media(min-width:1600px){.login-page{padding-top:50px;padding-bottom:35px}.login-frame{min-height:700px}.brand-panel{padding:38px 45px 30px}.brand-copy{margin-top:85px}h1{font-size:72px}.ridge-art{margin-left:-45px;margin-right:-45px}.ridge-art svg{height:185px}.form-content{max-width:350px}}
@media(max-width:1000px){.login-page{padding:28px 30px 22px}.login-frame{grid-template-columns:1fr 1fr;min-height:620px}.brand-panel{padding:29px 28px 23px}.brand-copy{margin-top:72px}h1{font-size:49px;letter-spacing:-2.8px}.ridge-art{margin-left:-28px;margin-right:-28px}.form-panel{padding:40px 30px}.logo-link img{width:205px}.header-label{font-size:8px;letter-spacing:1px}.form-content{max-width:310px}}
@media(max-width:760px){.login-page{padding:26px 22px 22px;max-width:550px;justify-content:flex-start}.page-header{padding:0 0 28px}.logo-link img{width:211px}.header-label{display:none}.login-frame{grid-template-columns:1fr;min-height:0;border-radius:14px}.brand-panel{padding:21px 25px 24px;border-bottom:1px solid var(--line)}.panel-label{font-size:7px;letter-spacing:1.5px}.panel-label>span:last-child{font-size:19px}.brand-copy{margin-top:27px}.overline{display:none}h1{font-size:36px;letter-spacing:-1.6px;line-height:1.1;margin:0;max-width:300px}h1>span{display:block;font-size:25px;letter-spacing:-1px;margin-top:7px}h1 br{display:none}.brand-description,.ridge-art,.panel-footer{display:none}.form-panel{padding:31px 25px 30px}.form-content{max-width:none}.access-label{font-size:7px;margin-bottom:17px}h2{font-size:29px;letter-spacing:-1px;margin-bottom:10px}.form-intro{margin-bottom:25px;font-size:11px}.desktop-break{display:none}.field{margin-bottom:18px}.field>label{font-size:11px}.remember{margin-top:22px;margin-bottom:23px;font-size:11px}.access-note{font-size:9px;margin-top:21px}.page-footer{align-items:flex-start;padding-top:21px;font-size:8px;line-height:1.6}.page-footer>span:last-child{max-width:155px;text-align:right}input[type=email],input[type=password],input[type=text]{font-size:16px;height:50px}.password-toggle{height:44px}.submit-button{font-size:12px;height:50px}}
@media(max-width:380px){.login-page{padding:22px 15px 18px}.logo-link img{width:190px}.brand-panel{padding:20px 21px}h1{font-size:31px}h1>span{font-size:23px}.form-panel{padding:28px 21px}.page-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
