@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--navy:#101b50;--blue:#4b65f6;--violet:#8a52ee;--ink:#172044;--muted:#6b7392;--line:#e9ecfa;--bg:#f8faff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Outfit','Hind',sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.page-shell{overflow:hidden}.navbar{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.logo{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;color:var(--navy);line-height:1}.logo-mark{display:grid;place-items:center;background:linear-gradient(140deg,var(--blue),var(--violet));color:#fff;width:43px;height:43px;border-radius:13px;font-size:29px}.accent{color:var(--blue)}.logo small{display:block;letter-spacing:2.2px;font-size:9px;color:#8b93af;margin-top:7px}.nav-right{display:flex;gap:29px;align-items:center}.nav-link{font-weight:600;color:#5f6788}.nav-pill{border:1px solid #dce2fb;border-radius:40px;padding:12px 20px;font-weight:700;color:var(--blue);background:white}.hero{min-height:565px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:40px;padding:35px 0 80px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:2px;color:#5b62d6;font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#edf0ff;padding:10px 14px;border-radius:40px}.dot{height:8px;width:8px;border-radius:50%;background:#37c99d;box-shadow:0 0 0 5px #d7f8e9}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.2;letter-spacing:-1.8px;margin:23px 0}.gradient-text{background:linear-gradient(100deg,#4264f4,#9250e9);color:transparent;background-clip:text}.hero-copy>p,.login-info>p{font-size:17px;line-height:1.95;color:var(--muted);max-width:520px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 25px;border-radius:13px;font:700 15px 'Outfit','Hind',sans-serif;border:0;cursor:pointer}.btn-primary{background:linear-gradient(105deg,#4766f4,#8551e8);color:#fff;box-shadow:0 12px 28px #5c61e933}.btn-ghost{border:1px solid #dfe4f4;background:#fff;color:#495474}.trust{display:flex;gap:19px;flex-wrap:wrap;color:#7b839e;font-size:12px;font-weight:600}.hero-art{height:430px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,#d6dcff 0,#e9e8ff 47%,transparent 70%)}.car-icon{font-size:185px;position:relative;filter:drop-shadow(0 30px 18px #5964b733);transform:rotate(-5deg)}.floating-card,.qr-card{position:absolute;background:#fff;border:1px solid #edf0fa;box-shadow:0 17px 45px #3a448a25;border-radius:18px}.notice{top:35px;left:2%;display:flex;gap:12px;align-items:center;padding:15px}.notice>span{background:#fff1d9;border-radius:10px;padding:10px}.notice strong,.notice small,.qr-card strong,.qr-card small{display:block}.notice small,.qr-card small{font-size:11px;color:#939bb4;margin-top:4px}.notice i{font-size:10px;color:#28a97c;font-style:normal}.qr-card{bottom:27px;right:4%;padding:15px;display:flex;align-items:center;gap:13px}.qr-pattern{font-size:59px;color:#475dea;line-height:1}.qr-card strong{font-size:12px}.secure{bottom:45px;left:4%;padding:12px 16px;color:#4b5c7a;font-weight:700;font-size:12px}.login-section{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:0 20px 70px #293d9210;padding:65px;display:grid;grid-template-columns:1fr 0.95fr;gap:75px;align-items:center}.login-info h2,.section-heading h2{font-size:clamp(31px,4vw,46px);line-height:1.2;margin:16px 0}.mini-features{display:grid;gap:22px;margin-top:35px}.mini-features>div{display:flex;align-items:center;gap:14px}.mini-features>div>span{display:grid;place-items:center;background:#f1f3ff;border-radius:13px;width:49px;height:49px;font-size:22px}.mini-features strong,.mini-features small{display:block}.mini-features small{color:#8c94ae;margin-top:4px}.login-card{padding:33px;border:1px solid #e7eafb;border-radius:24px;box-shadow:0 12px 40px #243f8a0c}.login-card-top{display:flex;align-items:center;justify-content:space-between}.login-icon{font-size:25px;background:#eff1ff;border-radius:13px;padding:12px}.secure-badge{font-size:12px;color:#269d74;background:#e9f9f2;border-radius:25px;padding:9px 12px}.login-card h3{font-size:30px;margin:24px 0 5px}.login-card>p{color:var(--muted);margin:0 0 29px}.login-card label{display:block;font-weight:700;margin-bottom:10px}.phone-field{display:flex;align-items:center;border:1px solid #dfe4f2;border-radius:12px;overflow:hidden;height:57px}.phone-field span{padding:0 16px;white-space:nowrap;border-right:1px solid #e4e8f5;font-weight:700}.phone-field input{border:0;outline:0;padding:15px;width:100%;font:600 16px 'Outfit',sans-serif;min-width:0}.phone-field:focus-within{border-color:#6477f4;box-shadow:0 0 0 3px #6477f420}.btn-full{width:100%;margin-top:16px}.message{font-size:12px;margin-top:8px;min-height:10px}.error{color:#d63e50}.info{color:#3366b6}.login-foot{font-size:12px;text-align:center;color:#8c94ac;margin-top:24px;line-height:1.7}.demo-note{font-size:12px;color:#886a28;background:#fff8e7;border:1px solid #ffebbb;padding:12px;border-radius:10px;margin-top:15px;line-height:1.7}.features,.steps{padding-top:105px;padding-bottom:90px}.section-heading{text-align:center;margin-bottom:42px}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);padding:30px 23px;border-radius:19px}.feature-card>span{font-size:30px}.feature-card h3{margin:20px 0 10px}.feature-card p,.steps-grid p{color:var(--muted);font-size:14px;line-height:1.9}.steps{padding-top:25px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps-grid>div{background:#eef1ff;padding:28px;border-radius:18px}.steps-grid b{font-size:30px;color:#6573df}.steps-grid h3{margin-bottom:4px}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0;color:#7a829d}.footer strong{color:var(--navy)}.footer p{font-size:12px;margin:7px 0}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{height:350px}.login-section{grid-template-columns:1fr;gap:35px;padding:40px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{width:min(100% - 30px,1160px)}.navbar{padding:17px 0}.logo{font-size:18px}.logo-mark{width:37px;height:37px}.nav-link{display:none}.nav-pill{font-size:12px;padding:10px}.hero{padding:35px 0 45px;gap:0}.hero h1{letter-spacing:-.7px}.hero-copy>p{font-size:15px}.hero-art{height:280px}.halo{width:280px;height:280px}.car-icon{font-size:120px}.notice{top:10px;left:0;transform:scale(.8);transform-origin:top left}.qr-card{right:0;bottom:0;transform:scale(.85);transform-origin:bottom right}.secure{bottom:0;left:0;transform:scale(.8);transform-origin:bottom left}.login-section{padding:25px 18px;border-radius:22px}.login-card{padding:22px}.feature-grid,.steps-grid{grid-template-columns:1fr}.features,.steps{padding-top:70px;padding-bottom:35px}.footer{display:block;text-align:center}.trust{gap:10px}}

#language{border:1px solid rgba(130,150,210,.3);background:#fff;color:#172554;border-radius:14px;padding:10px 12px;font:inherit;font-weight:700;cursor:pointer;max-width:125px}
@media(max-width:640px){.nav-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap}#language{padding:8px;max-width:112px}.nav-right .nav-link{display:none}}