.garage-auth{--auth-navy:#09154f;min-height:100svh;display:grid;grid-template-columns:57.5% 42.5%;align-items:center;color:var(--auth-navy);background:radial-gradient(ellipse at 80% 0,#5ee0fb,transparent 60%),linear-gradient(120deg,#003baa,#0589fa 60%,#64cdff);padding:3.8vw 4.5vw 3.8vw 0;position:relative;isolation:isolate;font-family:inherit}.auth-hero{align-self:stretch;position:relative;margin:-3.8vw 0;min-height:700px;overflow:hidden}.auth-hero svg{width:100%;height:100%;position:absolute;inset:0}.auth-card{padding:32px 40px;position:relative;border:2px solid #f0fbff;border-radius:42px;background:linear-gradient(130deg,#eefcffef,#dcf3ffef 60%,#d2eeffeb);box-shadow:0 0 35px #80efffa6,inset 0 0 25px #fff7;text-align:center;max-width:690px;width:100%;justify-self:end}.auth-symbol{position:relative;width:136px;height:136px;margin:0 auto 12px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,white,#56c8ff 18%,#027cfa 45%,#0045b4 70%,#8bdbff);border:3px solid #c8f5ff;border-radius:50%;box-shadow:inset 0 0 14px white,0 4px 12px #1463b74d}.auth-symbol>svg{width:87px;height:87px;color:white;filter:drop-shadow(0 4px 4px #0040a7);stroke-width:1.5}.auth-symbol .auth-shield{position:absolute;right:-18px;bottom:-3px;width:65px;height:65px;fill:#0878f4;stroke:#dff8ff;stroke-width:2}.auth-card h1{font-size:clamp(30px,3vw,48px);font-weight:750;line-height:1.25;margin:0}.auth-intro{color:#536ba3;font-size:clamp(16px,1.5vw,23px);margin:5px 0 20px}.auth-card fieldset{border:0;padding:0;margin:0;min-width:0}.auth-field{display:block;text-align:left;margin:15px 0}.auth-field>span{display:block;font-size:17px;font-weight:550;margin-bottom:6px}.auth-field>div{display:flex;align-items:center;gap:13px;border:1px solid #8fc8ff;border-radius:14px;background:linear-gradient(130deg,#f2faff,#e0efff);box-shadow:inset 0 0 0 2px #ffffffb3;padding:0 17px;min-height:57px}.auth-field svg{color:#6689bc;flex-shrink:0;width:23px}.auth-field input{background:transparent;width:100%;min-width:0;border:0;outline:0;color:#0b215c;font-size:18px;padding:15px 0}.auth-field>div:focus-within{outline:3px solid #2399ff66}.auth-field input::-moz-placeholder{color:#829bc2}.auth-field input::placeholder{color:#829bc2}.auth-field button{border:0;background:none;display:flex;padding:4px}.auth-field small{color:#5c75a0;display:block;margin-top:3px;font-size:13px}.auth-options{justify-content:space-between;margin:20px 0 15px;color:#4b679b}.auth-options,.auth-options label{display:flex;align-items:center;gap:10px}.auth-options input{width:23px;height:23px;accent-color:#0867ff}.auth-back,.auth-footer button,.auth-options button{color:#0055f3;background:none;border:0;cursor:pointer}.auth-options button{text-decoration:underline}.auth-primary,.auth-secondary{width:100%;min-height:65px;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:36px;cursor:pointer;font-size:25px;font-weight:650;line-height:1.4}.auth-primary{color:white;border:1px solid #b7f3ff;background:linear-gradient(155deg,#17c2ff,#0070ff 45%,#0041e9);box-shadow:inset 0 0 6px #9affff,0 7px 16px #1474d940}.auth-primary svg{width:28px;height:28px}.auth-primary:disabled{opacity:.6;cursor:wait}.auth-secondary{color:#0050e8;background:linear-gradient(#f2fbff,#cae8ff);border:1px solid #62b9ff;border-radius:25px;box-shadow:inset 0 0 5px white,0 9px 18px #1474d92b}.auth-secondary svg{width:45px;height:45px;filter:drop-shadow(0 3px 2px #78b9ed)}.auth-divider{display:flex;align-items:center;gap:20px;color:#5972a5;font-size:16px;margin:20px 0 12px}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:#95afd0;flex:1}.auth-address{color:#0057f7;font-weight:600;font-size:23px;overflow-wrap:anywhere;margin:-10px 0 25px}.auth-verification{grid-template-columns:46% 54%}.auth-verification .auth-card{max-width:820px;padding:34px 48px}.auth-verification .auth-symbol{width:112px;height:112px;background:linear-gradient(125deg,white,#cceaff);border-color:white;box-shadow:0 3px 10px #8ddafa70}.auth-verification .auth-symbol svg{color:#087aff;fill:#0a85fa;stroke:#effaff;width:65px;height:65px}.auth-otp-label{display:block;text-align:left;color:#536b9d;font-size:17px;margin-bottom:10px}.auth-otp-inputs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:25px}.auth-otp-inputs input{text-align:center;min-width:0;width:100%;aspect-ratio:1/1.05;border:1px solid #9bbdf5;border-radius:20px;background:linear-gradient(#f9fcff,#e8f0ff);font-size:36px;color:#006bff;outline:0}.auth-otp-inputs input:focus{border:3px solid #08a5ff;box-shadow:0 5px 12px #3294f54d}.auth-resend{display:flex;align-items:center;justify-content:center;gap:15px;color:#536b9d;flex-wrap:wrap;margin-top:27px}.auth-resend button{color:#0059ff;border:1px solid #9ac1fa;background:#d7ebff;border-radius:30px;padding:8px 22px;font-weight:650}.auth-resend button:disabled{opacity:.55}.auth-hint{color:#6b83ab;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;margin:15px 0 25px}.auth-hint svg{width:20px}.auth-footer{border-top:1px solid #a3c4e5;padding-top:23px;display:flex;justify-content:center;gap:24px}.auth-back,.auth-footer button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.auth-back svg,.auth-footer svg{width:21px}.auth-back{margin-top:24px}.auth-error,.auth-success{text-align:left;padding:10px 15px;border-radius:12px;background:#fff1ee;color:#ab2e16;font-size:15px;display:flex;gap:8px}.auth-success{background:#d8f6eb;color:#106649}.auth-success svg{flex-shrink:0}.auth-mobile-brand{display:none}.garage-auth button:focus-visible{outline:3px solid #083dc4;outline-offset:3px}@media(min-width:1800px){.garage-auth{padding-right:6vw}.auth-card{padding:45px 50px;max-width:740px}.auth-hero{min-height:850px}}@media(max-width:1000px){.garage-auth{grid-template-columns:48% 52%;padding:30px 25px 30px 0}.auth-hero{margin:-30px 0;min-height:680px}.auth-card{padding:25px;border-radius:30px}.auth-symbol{width:100px;height:100px}.auth-symbol>svg{width:65px;height:65px}.auth-verification .auth-card{padding:28px}.auth-otp-inputs{gap:7px}.auth-otp-inputs input{border-radius:12px}.auth-footer{gap:12px;font-size:14px}}@media(max-width:700px){.garage-auth{display:flex;flex-direction:column;padding:24px 16px 36px;justify-content:center;gap:23px;min-height:100svh;background:radial-gradient(ellipse at 95% 15%,#64daff,transparent 60%),linear-gradient(145deg,#003fbd,#048bfc 65%,#52cfff)}.auth-hero{display:none}.auth-mobile-brand{display:flex;align-items:center;gap:10px;color:white;width:100%;max-width:470px}.auth-mobile-brand>svg{width:45px;height:45px}.auth-mobile-brand span,.auth-mobile-brand strong{display:block}.auth-mobile-brand strong{font-size:22px;line-height:1.1}.auth-mobile-brand span{font-size:13px;opacity:.85}.auth-card,.auth-verification .auth-card{padding:27px 22px;max-width:470px;border-radius:30px}.auth-card h1{font-size:36px}.auth-intro{font-size:16px}.auth-field>span{font-size:15px}.auth-field input{font-size:17px}.auth-primary,.auth-secondary{font-size:22px;min-height:59px}.auth-symbol{width:90px;height:90px}.auth-symbol>svg{width:60px;height:60px}.auth-symbol .auth-shield{width:48px;height:48px;right:-10px}.auth-otp-inputs{gap:7px}.auth-otp-inputs input{font-size:28px;border-radius:11px}.auth-footer{gap:15px}.auth-resend{font-size:15px;gap:10px}.auth-resend button{padding:7px 13px}.auth-address{font-size:21px}.auth-options{font-size:15px}}.auth-field select{background:transparent;width:100%;min-width:0;border:0;outline:0;color:#0b215c;font-size:17px;padding:15px 0;font-family:inherit}.auth-kind{display:grid;gap:12px;margin:18px 0}.auth-kind button{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;text-align:left;padding:16px;border-radius:18px;border:2px solid #c9dafa;background:#f4f8ff;color:#0b215c;font:inherit;cursor:pointer}.auth-kind button svg{grid-row:span 2;width:30px;height:30px;color:#2563eb}.auth-kind button strong{font-size:17px}.auth-kind button small{color:#5d77a3;font-size:13px}.auth-kind button.active{border-color:#2563eb;background:#e3edff;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.auth-hero-brand{position:absolute;z-index:1;top:6.5%;left:9%;width:86%;display:flex;align-items:center;gap:clamp(10px,1.3vw,22px);color:#fff;text-shadow:0 3px 12px #003b9866}.auth-hero-brand>img{width:clamp(58px,6.3vw,106px);height:auto;aspect-ratio:1;flex:none;border-radius:23%;box-shadow:0 8px 22px #003c8055}.auth-hero-brand>div{min-width:0}.auth-hero-brand span,.auth-hero-brand strong{display:block}.auth-hero-brand strong{font-family:Arial,sans-serif;font-size:clamp(22px,2.7vw,46px);font-weight:800;line-height:1.15;letter-spacing:-.035em}.auth-hero-brand span{margin-top:8px;font-size:clamp(12px,1.35vw,23px);font-weight:650;line-height:1.35}.auth-hero-copy{position:absolute;z-index:1;top:22.4%;left:9%;width:88%;color:#fff;overflow-wrap:anywhere;text-shadow:0 4px 16px #0047ad55}.auth-hero-copy h2{font-size:clamp(34px,5.05vw,85px)}.auth-hero-copy h2,.auth-hero-copy p{font-weight:800;letter-spacing:-.045em;line-height:1.2}.auth-hero-copy p{margin:10px 0 0;color:#78edff;font-size:clamp(32px,4.95vw,83px)}.auth-verification .auth-hero-copy h2{font-size:clamp(32px,4.15vw,70px)}.auth-verification .auth-hero-copy p{color:#aed2ff;font-size:clamp(19px,2.3vw,38px);font-weight:650;letter-spacing:-.025em;line-height:1.45}