:root{--auth-green:#244d09;--auth-green-deep:#102706;--auth-lime:#d6ec3f;--auth-yellow:#ffd257;--auth-ink:#172014;--auth-muted:#6e766a;--auth-line:#dfe5d9;--auth-paper:#fbfcf7}
*{box-sizing:border-box}
.auth-body{width:100%;min-width:0;min-height:100vh;margin:0;background:#142308;color:var(--auth-ink);font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;color-scheme:light}
.auth-shell{width:100%;max-width:100vw;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);overflow-x:clip;background:var(--auth-paper)}
.auth-showcase{position:relative;min-height:100vh;overflow:hidden;isolation:isolate;background:#173407;color:#fff}
.auth-showcase-media{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 24% 24%,rgba(210,164,62,.3),transparent 34%),linear-gradient(145deg,#182115 0%,#111611 46%,#090b09 100%);transform:scale(1.015);animation:authReveal 1.1s cubic-bezier(.2,.7,.2,1) both}
.auth-showcase-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,25,3,.72) 0%,rgba(13,35,4,.4) 47%,rgba(8,17,3,.08) 100%),linear-gradient(0deg,rgba(5,16,1,.72) 0%,transparent 45%)}
.auth-showcase::after{content:"";position:absolute;z-index:-1;left:-8%;bottom:-18%;width:58%;aspect-ratio:1;border-radius:50%;background:rgba(206,233,56,.09);filter:blur(2px)}
.auth-showcase-top{position:absolute;top:34px;left:42px;display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,27,3,.32);backdrop-filter:blur(12px);font-size:.68rem;font-weight:650;letter-spacing:.02em}
.auth-live-dot{width:7px;height:7px;border-radius:50%;background:var(--auth-lime);box-shadow:0 0 0 5px rgba(214,236,63,.12)}
.auth-showcase-content{position:absolute;left:clamp(42px,6vw,92px);bottom:clamp(92px,12vh,138px);width:min(590px,75%);animation:authContent .85s .18s both}
.auth-showcase-logo{display:block;width:112px;height:78px;margin:0 0 25px;object-fit:contain;object-position:left center;filter:drop-shadow(0 7px 18px rgba(0,0,0,.22))}
.auth-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--auth-yellow);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.auth-eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:currentColor}
.auth-showcase h1{margin:0;color:#fff;font-size:clamp(2.45rem,4.4vw,4.9rem);font-weight:850;line-height:.98;letter-spacing:-.055em;text-wrap:balance}.auth-showcase h1 em{color:var(--auth-yellow);font-style:normal}
.auth-showcase-content>p{max-width:540px;margin:23px 0 25px;color:rgba(255,255,255,.76);font-size:clamp(.86rem,1.15vw,1rem);line-height:1.72}
.auth-feature-row{display:flex;flex-wrap:wrap;gap:9px}.auth-feature-row span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(10,30,4,.34);backdrop-filter:blur(10px);font-size:.67rem;font-weight:650}.auth-feature-row svg{width:17px;height:17px;fill:none;stroke:var(--auth-lime);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.auth-showcase-foot{position:absolute;left:42px;right:42px;bottom:28px;display:flex;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.52);font-size:.61rem;letter-spacing:.05em;text-transform:uppercase}.auth-showcase-foot span:first-child{color:#fff;font-weight:800}
.auth-access{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:54px clamp(42px,5.4vw,88px) 35px;background:var(--auth-paper)}
.auth-access::before{content:"";position:absolute;right:-160px;top:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(214,236,63,.22),rgba(214,236,63,0) 70%);pointer-events:none}
.auth-access-inner{width:min(100%,430px);margin:auto;animation:authFormIn .65s .12s both}
.auth-mobile-brand{display:none}
.auth-heading{display:flex;align-items:center;gap:13px}.auth-heading-icon{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border-radius:14px;background:var(--auth-green-deep);color:var(--auth-lime);box-shadow:0 8px 18px rgba(23,52,7,.16)}.auth-heading-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-heading small{display:block;margin-bottom:2px;color:#718066;font-size:.63rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.auth-heading h2{margin:0;font-size:clamp(1.55rem,2.3vw,2rem);line-height:1.1;letter-spacing:-.035em}
.auth-intro{margin:17px 0 29px;color:var(--auth-muted);font-size:.78rem;line-height:1.65}
.auth-error{display:grid;grid-template-columns:38px 1fr;align-items:start;gap:11px;margin:0 0 20px;padding:13px;border:1px solid #f6caca;border-radius:13px;background:#fff4f2;color:#9e241d;animation:authShake .36s ease}.auth-error>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ffe0dc}.auth-error svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.auth-error strong{display:block;margin:1px 0 2px;font-size:.72rem}.auth-error p{margin:0;font-size:.65rem;line-height:1.45}
.auth-form{display:grid;gap:19px}.auth-field label{display:block;margin:0 0 7px 2px;color:#283124;font-size:.69rem;font-weight:750}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-label-row>span{color:#8b9386;font-size:.59rem}
.auth-input-wrap{position:relative}.auth-input-wrap>svg{position:absolute;left:16px;top:50%;z-index:2;width:19px;height:19px;transform:translateY(-50%);color:#84907d!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:.2s ease}.auth-input-wrap>svg *{fill:none!important;stroke:inherit!important}.auth-input-wrap input{position:relative;z-index:1;width:100%;height:54px;padding:0 48px;border:1px solid var(--auth-line);border-radius:13px;outline:0;background:#fff;color:#182015;font:inherit;font-size:.78rem;box-shadow:0 2px 4px rgba(26,45,12,.025);transition:border-color .2s,box-shadow .2s}.auth-input-wrap input::placeholder{color:#a4aa9f}.auth-input-wrap:focus-within>svg{color:var(--auth-green)!important}.auth-input-wrap input:focus{border-color:#6d933f;box-shadow:0 0 0 4px rgba(76,121,32,.1),0 8px 20px rgba(37,69,13,.06)}.auth-input-wrap input:-webkit-autofill,.auth-input-wrap input:-webkit-autofill:hover,.auth-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#182015;-webkit-box-shadow:0 0 0 1000px #fff inset;caret-color:#182015}
.auth-password-toggle{position:absolute;right:8px;top:50%;z-index:3;width:38px;height:38px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:10px;background:transparent;color:#768071;cursor:pointer}.auth-password-toggle:hover{background:#f2f5ee;color:var(--auth-green)}.auth-password-toggle svg{grid-area:1/1;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-password-toggle .eye-closed,.auth-password-toggle.showing .eye-open{display:none}.auth-password-toggle.showing .eye-closed{display:block}
.auth-submit{position:relative;height:56px;display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:0 18px 0 21px;border:0;border-radius:14px;background:linear-gradient(135deg,#214c08,#39730f);color:#fff;font:inherit;font-size:.76rem;font-weight:800;letter-spacing:.01em;box-shadow:0 12px 24px rgba(37,78,10,.2);cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.auth-submit::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.14),transparent 70%);transform:translateX(-100%);transition:transform .55s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(37,78,10,.26)}.auth-submit:hover::before{transform:translateX(100%)}.auth-submit:active{transform:none}.auth-submit svg{width:21px;height:21px;fill:none;stroke:var(--auth-lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-submit.loading{pointer-events:none;opacity:.82}.auth-submit.loading svg{animation:authArrow .7s ease-in-out infinite alternate}
.auth-trust{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;color:#8a9285;font-size:.58rem}.auth-trust span{display:flex;align-items:center;gap:5px}.auth-trust svg{width:14px;height:14px;fill:none;stroke:#6c8c48;stroke-width:1.8}.auth-trust i{width:3px;height:3px;border-radius:50%;background:#bdc3b8}
.auth-access-foot{margin-top:auto;padding-top:28px;color:#9ba396;font-size:.58rem;text-align:center}.auth-access-foot span{padding:0 5px;color:#c1c7bc}
@keyframes authReveal{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.015)}}@keyframes authContent{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes authFormIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes authShake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes authArrow{to{transform:translateX(4px)}}
@media(max-width:980px){.auth-shell{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)}.auth-showcase-content{left:38px;width:82%}.auth-showcase h1{font-size:2.75rem}.auth-feature-row span:nth-child(2){display:none}}
@media(max-width:720px){html,.auth-body{width:100%;max-width:100%;overflow-x:hidden}.auth-body{background:var(--auth-paper);overflow-y:auto;touch-action:pan-y}.auth-shell{display:block;width:100%;max-width:100%;min-height:100svh}.auth-showcase,.auth-access{width:100%;max-width:100%}.auth-showcase{min-height:0;height:clamp(220px,28svh,275px)}.auth-showcase-media{background-position:72% 58%;transform:scale(1.03)}.auth-showcase-shade{background:linear-gradient(90deg,rgba(12,35,4,.7),rgba(12,35,4,.12) 82%),linear-gradient(0deg,rgba(10,31,3,.92),rgba(10,31,3,.05) 72%)}.auth-showcase::after{left:-16%;bottom:-45%;width:78%;background:rgba(214,236,63,.08)}.auth-showcase-top,.auth-showcase-content>p,.auth-feature-row,.auth-showcase-foot{display:none}.auth-showcase-content{left:22px;right:22px;bottom:30px;width:auto}.auth-showcase-logo{width:84px;height:57px;margin:0 0 9px}.auth-eyebrow{margin:0 0 7px;font-size:.56rem;letter-spacing:.1em;text-shadow:0 1px 8px rgba(0,0,0,.25)}.auth-eyebrow::before{width:20px}.auth-showcase h1{max-width:350px;font-size:clamp(1.6rem,7.2vw,1.9rem);line-height:1.02;letter-spacing:-.045em;text-shadow:0 3px 18px rgba(0,0,0,.24)}.auth-showcase h1 br{display:none}.auth-showcase h1 em{white-space:normal}.auth-access{min-height:calc(72svh + 23px);margin-top:-23px;padding:34px max(22px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));border-radius:27px 27px 0 0;box-shadow:0 -12px 30px rgba(9,30,2,.1)}.auth-access-inner{width:100%;max-width:460px}.auth-heading-icon{width:42px;height:42px;flex-basis:42px}.auth-heading h2{font-size:1.5rem}.auth-intro{margin:14px 0 23px}.auth-input-wrap input{height:52px;font-size:16px}.auth-input-wrap input:focus{transform:none}.auth-password-toggle{width:42px;height:42px}.auth-submit{height:54px;touch-action:manipulation}.auth-trust{flex-wrap:wrap}.auth-access-foot{padding-top:25px}}
@media(max-width:390px){.auth-showcase{height:24svh;min-height:175px}.auth-showcase-content{bottom:22px}.auth-showcase-logo{display:none}.auth-access{min-height:76svh;padding-inline:17px}.auth-heading h2{font-size:1.35rem}.auth-heading-icon{width:40px;height:40px;flex-basis:40px}.auth-intro{font-size:.72rem}.auth-form{gap:16px}.auth-trust{gap:7px}}
@media(max-width:720px) and (max-height:620px){.auth-showcase{display:none}.auth-access{min-height:100svh;margin:0;border-radius:0;padding-top:24px}.auth-access-inner{margin:auto}.auth-intro{margin-bottom:18px}.auth-form{gap:15px}.auth-access-foot{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.auth-showcase-media,.auth-showcase-content,.auth-access-inner,.auth-error{animation:none}.auth-submit,.auth-input-wrap input{transition:none}}