:root{--road-navy:#031321;--road-navy2:#061d30;--road-gold:#f5b914;--road-gold2:#ffd758;--road-muted:#a9b5bf;--road-line:rgba(255,255,255,.13);--road-ease:cubic-bezier(.2,.75,.25,1)}
body.auth-page{position:relative;min-height:100vh;margin:0;padding:104px 32px 40px;display:grid;place-items:center;overflow-x:hidden;background:var(--road-navy)!important;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body.auth-page::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,15,26,.96) 3%,rgba(2,15,26,.72) 54%,rgba(2,15,26,.36)),linear-gradient(0deg,#031321 0%,transparent 50%),url("https://images.unsplash.com/photo-1494522358652-f30e61a60313?auto=format&fit=crop&w=2000&q=88") center 56%/cover;animation:roadBackground 18s ease-in-out infinite alternate}
body.auth-page::after{content:"";position:fixed;z-index:0;top:-45%;left:-70%;width:42%;height:190%;pointer-events:none;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,215,88,.08),transparent);animation:roadSweep 9s 1s infinite}
.auth-nav{position:fixed;z-index:20;inset:0 0 auto;height:76px;padding:0 max(32px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(1,10,18,.92),rgba(1,10,18,.28),transparent)}
.road-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:950;line-height:.85;text-decoration:none}.road-brand-mark{color:var(--road-gold);font-size:2.25rem;font-style:italic;filter:drop-shadow(0 0 12px rgba(245,185,20,.35))}.road-brand small{display:block;font-size:.65rem;letter-spacing:.12em}
.auth-home-link{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid rgba(255,255,255,.45);color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:.25s var(--road-ease)}.auth-home-link:hover{border-color:var(--road-gold);color:var(--road-gold);transform:translateY(-2px)}
body.auth-page .auth-shell,body.auth-page .auth-shell-register{position:relative;z-index:2;width:min(100%,980px);min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;padding:0;border:1px solid var(--road-line)!important;border-radius:4px!important;background:rgba(3,19,33,.9)!important;box-shadow:0 34px 80px rgba(0,0,0,.5)!important;backdrop-filter:blur(15px)}
body.auth-page .auth-shell-register{width:min(100%,1060px);min-height:700px}body.auth-page .auth-shell::before{display:none}
.auth-road-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:54px 48px 42px;overflow:hidden;background:linear-gradient(180deg,rgba(3,19,33,.12),rgba(3,19,33,.9)),url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=85") center/cover}.auth-road-visual::after{content:"";position:absolute;inset:0;border-right:1px solid var(--road-line);pointer-events:none}
.auth-road-copy,.auth-road-feature{position:relative;z-index:1}.auth-road-kicker{color:var(--road-gold);font-size:.69rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.auth-road-copy h2{margin:15px 0 18px;color:#fff;font-size:clamp(2rem,3.3vw,3.25rem);line-height:1;letter-spacing:-.045em;text-transform:uppercase}.auth-road-copy h2 em{color:var(--road-gold);font-style:normal}.auth-road-copy p{max-width:430px;margin:0;color:#d1d9df;font-size:.91rem;line-height:1.75}.auth-road-feature{display:flex;align-items:center;gap:17px;width:fit-content;padding:16px 20px;border:1px solid var(--road-line);background:rgba(3,19,33,.76);backdrop-filter:blur(10px)}.auth-road-feature>span{color:var(--road-gold);font-size:1.7rem;font-weight:950}.auth-road-feature b{display:block;color:#fff;font-size:.76rem;text-transform:uppercase}.auth-road-feature small{display:block;margin-top:4px;color:var(--road-muted);font-size:.66rem}
body.auth-page .auth-panel{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:44px 46px 36px;background:rgba(3,19,33,.95)!important}body.auth-page-register .auth-panel{padding-top:34px;padding-bottom:28px}body.auth-page .auth-brand-strip{display:none}body.auth-page .auth-panel-head{margin-bottom:25px;text-align:left}body.auth-page .auth-kicker{display:inline-block;margin-bottom:10px;color:var(--road-gold);font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}body.auth-page .auth-panel-head h1{margin:0 0 11px;color:#fff;font-size:2rem;line-height:1.1;letter-spacing:-.035em}body.auth-page .auth-panel-head p{margin:0;color:var(--road-muted);font-size:.84rem;line-height:1.65}
body.auth-page .auth-form-minimal{display:grid;gap:15px}body.auth-page-register .auth-form-minimal{gap:11px}body.auth-page .auth-field label{display:block;margin-bottom:7px;color:#e9eef2;font-size:.72rem;font-weight:750}body.auth-page .auth-input-wrap{position:relative}body.auth-page .auth-input-wrap>svg{position:absolute;top:50%;left:15px;width:17px;height:17px;transform:translateY(-50%);color:var(--road-gold);pointer-events:none}
body.auth-page .auth-input{width:100%;min-height:50px;padding:0 15px 0 44px;border:1px solid rgba(255,255,255,.17);border-radius:2px;background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:.84rem;font-weight:600;outline:none;transition:.2s ease}body.auth-page-register .auth-input{min-height:46px}body.auth-page .auth-input::placeholder{color:#7f909d;font-weight:500}body.auth-page .auth-input:focus{border-color:var(--road-gold)!important;background:rgba(255,255,255,.08)!important;box-shadow:0 0 0 3px rgba(245,185,20,.11)!important}body.auth-page .auth-input[readonly]{cursor:not-allowed;opacity:.72}body.auth-page .auth-input.with-action{padding-right:50px}body.auth-page .auth-eye{position:absolute;top:50%;right:7px;width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;color:#b9c5ce;transform:translateY(-50%);cursor:pointer}
body.auth-page .auth-submit{width:100%;min-height:51px;margin-top:6px;overflow:hidden;border:0;border-radius:0;background:var(--road-gold)!important;color:#071421;font-size:.76rem;font-weight:950;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 28px rgba(245,185,20,.18);transition:.25s var(--road-ease)}body.auth-page .auth-submit::after{display:none}body.auth-page .auth-submit:hover{background:var(--road-gold2)!important;transform:translateY(-2px);box-shadow:0 16px 34px rgba(245,185,20,.3)}body.auth-page .auth-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}
body.auth-page .auth-alert{margin:0 0 17px;padding:12px 14px;border:1px solid rgba(248,113,113,.45);border-radius:2px;background:rgba(127,29,29,.32);color:#fecaca;font-size:.76rem;font-weight:700}body.auth-page .auth-footer{margin:19px 0 0;padding-top:17px;border-top:1px solid var(--road-line);color:var(--road-muted);text-align:center;font-size:.78rem}body.auth-page .auth-link{margin-left:5px;color:var(--road-gold);font-weight:850;text-decoration:none}body.auth-page .auth-link:hover{color:var(--road-gold2)}
.auth-legal{margin:13px 0 0;color:#71828f;text-align:center;font-size:.63rem;line-height:1.5}
@keyframes roadBackground{to{transform:scale(1.045) translate3d(-.7%,.4%,0)}}@keyframes roadSweep{0%,45%{left:-70%}75%,100%{left:130%}}
@media(max-width:780px){body.auth-page{padding:92px 20px 30px}body.auth-page .auth-shell,body.auth-page .auth-shell-register{width:min(100%,480px);min-height:0;display:block}.auth-road-visual{min-height:200px;padding:30px 30px 26px}.auth-road-copy h2{margin:10px 0;font-size:2rem}.auth-road-copy p,.auth-road-feature{display:none}body.auth-page .auth-panel,body.auth-page-register .auth-panel{padding:32px 30px 28px}}
@media(max-width:520px){body.auth-page{width:100%;height:auto;min-height:100dvh;padding:66px 0 0;place-items:start stretch;overflow:auto!important}.auth-nav{height:66px;padding:0 18px;background:rgba(3,19,33,.96)}.road-brand-mark{font-size:1.9rem}.auth-home-link{padding:9px 11px;font-size:.62rem}body.auth-page .auth-shell,body.auth-page .auth-shell-register{width:100%;height:auto;min-height:calc(100dvh - 66px);border:0!important;border-radius:0!important;box-shadow:none!important}.auth-road-visual{min-height:155px;padding:24px 22px}.auth-road-kicker{font-size:.57rem}.auth-road-copy h2{font-size:1.65rem}body.auth-page .auth-panel,body.auth-page-register .auth-panel{width:100%;height:auto;min-height:0;justify-content:flex-start;padding:27px 22px 25px;overflow:visible}body.auth-page .auth-panel-head h1{font-size:1.7rem}body.auth-page .auth-panel-head{margin-bottom:20px}body.auth-page .auth-form-minimal,body.auth-page-register .auth-form-minimal{gap:12px}body.auth-page .auth-input,body.auth-page-register .auth-input{min-height:47px}}
@media(prefers-reduced-motion:reduce){body.auth-page::before,body.auth-page::after{animation:none}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}