:root{--green:#183c31;--ink:#14201c;--muted:#75807b;--paper:#f8f8f4;--line:rgba(20,32,28,.12)}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper)}
.login-page{min-height:100vh;display:grid;grid-template-columns:45% 55%}.brand-panel{background:var(--green);color:#fff;padding:44px 7%;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-220px;bottom:-180px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;letter-spacing:-.06em}.brand>span:last-child>span{opacity:.45}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#fff;color:var(--green);font-size:17px;letter-spacing:0}
.brand-content{margin:auto 0;max-width:500px}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.16em}.eyebrow{color:#a8bdb3}.brand-content h1{font:800 clamp(48px,5vw,74px)/.98 Manrope,sans-serif;letter-spacing:-.065em;margin:22px 0}.brand-content h1 em{font-style:normal;color:#94aaa0}.brand-content p{color:rgba(255,255,255,.58);font-size:15px;line-height:1.8;max-width:430px}.brand-footer{font-size:9px;color:rgba(255,255,255,.3);letter-spacing:.08em}
.form-panel{display:grid;place-items:center;padding:50px}.login-box{width:min(420px,100%)}.mobile-brand{display:none}.form-heading .section-kicker{color:#6d7b74}.form-heading h2{font:800 35px/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:13px 0 10px}.form-heading p{font-size:13px;color:var(--muted);line-height:1.7}.alert{margin-top:22px;padding:12px 14px;border-radius:11px;background:#f9e7e5;color:#9b3c35;font-size:12px}
form{margin-top:30px}.field{margin-bottom:19px}.field label,.label-row label{font-size:11px;font-weight:700}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.label-row a{font-size:10px;color:var(--green);font-weight:700}.input-wrap{height:51px;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 14px;transition:.2s}.input-wrap:focus-within{border-color:#557a6c;box-shadow:0 0 0 4px rgba(24,60,49,.06)}.input-icon{font-size:10px;color:#8d9792;margin-right:10px}.input-wrap input{width:100%;border:0;outline:0;background:transparent;font:13px "DM Sans";color:var(--ink)}.input-wrap input::placeholder{color:#aeb4b1}.toggle-password{border:0;background:transparent;color:#63736c;font-size:10px;font-weight:700;cursor:pointer}
.remember{display:flex;align-items:center;gap:8px;font-size:10px;color:#68736e;cursor:pointer}.remember input{accent-color:var(--green)}.login-button{width:100%;height:52px;margin-top:23px;border:0;border-radius:12px;background:var(--green);color:#fff;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 12px 25px rgba(24,60,49,.16);transition:.2s}.login-button:hover{transform:translateY(-2px)}.login-button span{margin-left:10px;font-size:16px}.divider{display:flex;align-items:center;gap:14px;margin:30px 0 20px;color:#a0a7a4;font-size:10px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.register-text{text-align:center;font-size:11px;color:var(--muted)}.register-text a{color:var(--green);font-weight:800}.security-note{text-align:center;font-size:9px;color:#9aa29e;margin-top:45px}.security-note span{color:#4c7b65;margin-right:4px}
@media(max-width:800px){.login-page{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{min-height:100vh;padding:30px 22px}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:70px;font:800 20px Manrope,sans-serif}.mobile-brand .brand-mark{background:var(--green);color:#fff}.mobile-brand strong span{opacity:.45}.form-heading h2{font-size:31px}}