:root{--ink:#203438;--teal:#1f3a40;--teal-2:#2c5058;--gold:#c49b45;--sand:#f4f3ee;--muted:#6d7e82;--line:#dce4e2}
.auth-brand{background:radial-gradient(circle at 18% 16%,rgba(196,155,69,.24),transparent 20rem),linear-gradient(145deg,#162e34 0%,#1f3a40 58%,#2c5058 100%)}
.auth-brand:after{background:linear-gradient(115deg,transparent 47%,rgba(255,255,255,.05) 47.2%,transparent 50%)}
.brand-mark{border-radius:28px;box-shadow:0 24px 64px rgba(0,0,0,.24),inset 0 1px 0 #fff;transform:rotate(-2deg)}
.auth-panel{background:radial-gradient(circle at 100% 0,#fff 0,transparent 38%),radial-gradient(circle at 0 100%,rgba(31,58,64,.06),transparent 28rem),var(--sand)}
.auth-form{padding:28px;background:linear-gradient(145deg,#fff,#fafcfb);border:1px solid rgba(207,218,215,.92);border-radius:24px;box-shadow:0 24px 65px rgba(31,58,64,.12),inset 0 1px 0 #fff}
.input-wrap input{height:52px;border-radius:13px;caret-color:var(--gold)}
.input-wrap input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(31,58,64,.09)}
.submit-btn{height:52px;border-radius:13px;background:linear-gradient(145deg,var(--teal-2),var(--teal));box-shadow:0 13px 27px rgba(31,58,64,.22)}
.submit-btn:hover{background:linear-gradient(145deg,#345d66,var(--teal))}
button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(196,155,69,.5);outline-offset:2px}