:root{--auth-navy:#10243d;--auth-navy-light:#1e3959;--auth-green:#2d8068;--auth-green-dark:#21624f;--auth-ink:#172a42;--auth-muted:#718197;--auth-line:#d9e3eb}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,Segoe UI,Arial,sans-serif;color:var(--auth-ink)}.auth-page{min-height:100vh;background:#f3f7f9}.auth-shell{display:grid;grid-template-columns:minmax(430px,48%) 1fr;min-height:100vh}.auth-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--auth-navy),#183452 58%,#246256);color:#fff;padding:clamp(42px,7vw,104px) clamp(38px,7vw,110px);display:flex;flex-direction:column}.auth-visual:after{content:"";position:absolute;inset:auto -8% -16% -8%;height:42%;background:linear-gradient(180deg,transparent,#0b1d33 68%);opacity:.72}.auth-visual-content{position:relative;z-index:1;max-width:590px;margin:auto 0}.auth-brand-mark{width:56px;height:56px;border:1px solid #8bd0b510;border-radius:17px;background:#3d9b7c;color:#fff;display:grid;place-items:center;box-shadow:0 12px 35px #0614263d;margin-bottom:28px}.auth-brand-mark span{font-size:27px}.auth-kicker{color:#a8d9c8;text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:700;margin:0 0 18px}.auth-visual h1{font-size:clamp(34px,4.2vw,64px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 22px;font-weight:700}.auth-visual h1 span{color:#9ad7c3}.auth-description{max-width:480px;color:#c4d5e2;font-size:16px;line-height:1.7;margin:0 0 34px}.auth-features{display:grid;gap:13px;color:#d8e5ee;font-size:13px}.auth-features span{display:flex;align-items:center;gap:13px}.auth-features b{font-size:10px;letter-spacing:1px;color:#9ad7c3}.auth-horizon{position:absolute;right:-20px;bottom:-62px;display:flex;align-items:flex-end;gap:13px;opacity:.18}.auth-horizon i{display:block;width:22px;height:120px;background:#cbe9df;border-radius:5px 5px 0 0}.auth-horizon i:nth-child(2){height:175px;width:31px}.auth-horizon i:nth-child(3){height:92px}.auth-horizon i:nth-child(4){height:150px;width:27px}.auth-horizon i:nth-child(5){height:210px;width:38px}.auth-visual-footer{position:relative;z-index:2;margin-top:auto;color:#9eb4c6;font-size:11px;letter-spacing:.5px}.auth-visual-footer span{color:#69c09f;margin:0 7px}.auth-orbit{position:absolute;border:1px solid #9bd9c422;border-radius:50%;pointer-events:none}.auth-orbit-one{width:560px;height:560px;right:-250px;top:-210px}.auth-orbit-two{width:820px;height:820px;right:-400px;top:-330px}.auth-content{display:grid;place-items:center;padding:42px;position:relative}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e0e8ee;border-radius:18px;padding:40px;box-shadow:0 22px 65px #19344b16}.auth-card-header{margin-bottom:29px}.auth-card-icon{width:42px;height:42px;border-radius:12px;background:#e5f4ee;color:var(--auth-green);display:grid;place-items:center;font-size:20px;margin-bottom:20px}.auth-card h2{font-size:25px;letter-spacing:-.5px;margin:0 0 7px}.auth-card .subtitle{color:var(--auth-muted);font-size:13px;margin:0;line-height:1.6}.auth-card .field{margin:18px 0}.auth-card .field label{display:block;font-size:12px;font-weight:700;color:var(--auth-ink);margin-bottom:7px}.auth-card .field input{display:block;width:100%;height:48px;padding:0 14px;border:1px solid var(--auth-line);border-radius:8px;background:#fff;color:var(--auth-ink);font:inherit;outline:none;transition:.15s}.auth-card .field input:focus{border-color:#61ae96;box-shadow:0 0 0 4px #2d80681a}.auth-submit{width:100%;height:48px;border:0;border-radius:8px;background:var(--auth-green);color:#fff;font-weight:700;cursor:pointer;font:inherit;margin-top:9px;transition:.15s}.auth-submit:hover{background:var(--auth-green-dark);transform:translateY(-1px)}.auth-link{display:block;margin-top:20px;text-align:center;color:var(--auth-green-dark);font-size:13px;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-error{padding:11px 13px;border:1px solid #f0caca;border-radius:8px;background:#fff2f2;color:#a33d3d;font-size:12px;margin-bottom:18px}.auth-success{padding:11px 13px;border:1px solid #b8e4d0;border-radius:8px;background:#eefaf4;color:#236a53;font-size:12px;margin-bottom:18px}.auth-copyright{position:absolute;bottom:20px;color:#9aaaba;font-size:11px;margin:0}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:330px;padding:38px 28px}.auth-visual-content{margin:auto 0}.auth-visual h1{font-size:35px}.auth-description{font-size:14px;margin-bottom:18px}.auth-features{display:none}.auth-visual-footer{margin-top:28px}.auth-content{padding:36px 20px 70px}.auth-copyright{bottom:20px}.auth-orbit-one,.auth-orbit-two{right:-320px;top:-300px}}@media(max-width:480px){.auth-visual{min-height:290px}.auth-visual h1{font-size:30px}.auth-card{padding:28px 22px;border-radius:14px}.auth-card h2{font-size:22px}}
