:root{--ink:#0d2339;--side:#0b1e31;--accent:#007780;--line:#cbdbe1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}body{background:#f3f7f9}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(340px,44%) 1fr}.brand-panel{background:var(--side);color:#fff;padding:45px clamp(35px,5vw,85px);display:flex;flex-direction:column;position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(34,203,202,.2);border-radius:50%;right:-180px;bottom:10%;box-shadow:0 0 0 90px rgba(34,203,202,.035),0 0 0 180px rgba(34,203,202,.018);pointer-events:none}.wordmark{font-size:23px;letter-spacing:.21em;font-weight:700;display:flex;align-items:center;gap:12px}.mark{font-size:23px;color:#39ceca;border:2px solid #39ceca;clip-path:polygon(50% 0,100% 100%,0 100%);width:32px;height:32px;display:grid;place-items:center;letter-spacing:0}.brand-message{margin:auto 0;position:relative;z-index:1;max-width:470px}.brand-message p{font-size:13px;color:#68d7d2;font-weight:700;letter-spacing:.08em}.brand-message h1{font-size:clamp(40px,4.2vw,64px);line-height:1.08;letter-spacing:-.055em;margin:16px 0 22px}.brand-message span{color:#b7cbd7;font-size:17px}.brand-foot{font-size:12px;letter-spacing:.16em;color:#7993a5}.form-panel{display:grid;place-items:center;padding:35px}.form-wrap{width:min(100%,420px)}.mobile-wordmark{display:none}.section-label{font-size:13px;color:var(--accent);font-weight:700;margin:0 0 12px}.form-wrap h2{font-size:32px;letter-spacing:-.04em;margin:0 0 10px}.intro{color:#526579;margin:0 0 34px}.form-wrap label{display:block;font-size:14px;font-weight:700;margin:0 0 8px}.form-wrap input{width:100%;height:50px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 14px;font-size:16px;margin-bottom:21px;color:var(--ink)}.form-wrap input:focus{outline:3px solid rgba(0,142,152,.22);border-color:var(--accent)}.form-wrap button{width:100%;height:50px;border:0;border-radius:8px;background:var(--accent);color:white;font-size:16px;font-weight:700;cursor:pointer;margin-top:7px}.form-wrap button:hover{background:#006e78}.form-wrap button:focus-visible{outline:3px solid #35c8c7;outline-offset:3px}.form-wrap button:disabled{opacity:.7;cursor:wait}.login-error{color:#9b263a;background:#fff0f2;border-radius:7px;padding:12px 14px;font-size:14px;margin:0 0 15px}@media(max-width:767px){.login-layout{display:block}.brand-panel{display:none}.form-panel{min-height:100vh;padding:30px 22px}.mobile-wordmark{display:block;font-size:21px;letter-spacing:.2em;font-weight:700;color:var(--side);margin-bottom:64px}.form-wrap h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}