:root{color:#eaf2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#07111f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#0084ff2e,#0000 35%),#07111f;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.auth-page{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#0a192bf2;border:1px solid #1d3552;border-radius:24px;width:min(440px,100%);padding:32px;box-shadow:0 25px 80px #0006}.brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#087cff,#00c6ff);border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.brand h1,.brand p{margin:0}.brand h1{font-size:25px}.brand p{color:#8195ad;margin-top:3px}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;margin:28px 0;display:grid}.auth-tabs button{color:#9bb0c8;background:#0d1c2e;border:1px solid #223b59;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px;display:flex}.auth-tabs button.active{color:#fff;background:#087cff;border-color:#087cff}label{color:#a9bbcf;margin:14px 0 7px;font-size:13px;display:block}input,select{color:#fff;background:#091827;border:1px solid #28425f;border-radius:10px;outline:none;width:100%;padding:13px 14px}input:focus,select:focus{border-color:#1688ff}.primary,.secondary,.danger{color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.primary{background:linear-gradient(135deg,#087cff,#00a8ff)}.secondary{background:#18304a}.danger{background:#c52e3f}form .primary{width:100%;margin-top:18px}.error{color:#ff8d98;background:#ff3a4b1f;border:1px solid #ff3a4b4d;border-radius:9px;margin-top:14px;padding:11px 13px}.app{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;background:#06121fe6;border-bottom:1px solid #17304c;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex;position:sticky;top:0}.brand.small .brand-icon{width:38px;height:38px}.user-area{color:#b8c8da;align-items:center;gap:12px;display:flex}.icon-button{color:#fff;background:#0c1c2e;border:1px solid #29435f;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.container{width:min(1100px,92%);margin:auto;padding:35px 0 60px}.hero{background:linear-gradient(135deg,#09509661,#081a2ecc);border:1px solid #1a4269;border-radius:22px;justify-content:space-between;align-items:center;padding:30px;display:flex}.hero h2{margin:10px 0 4px;font-size:30px}.hero p{color:#91a8c0;margin:0}.badge{letter-spacing:1px;color:#62c7ff;font-size:11px}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0;display:grid}.stat{background:#0b1b2c;border:1px solid #1a344e;border-radius:17px;align-items:center;gap:15px;padding:20px;display:flex}.stat svg{color:#1ca2ff}.stat small{color:#8195ad;display:block}.stat strong{margin-top:5px;font-size:20px;display:block}.card{background:#0b1a2a;border:1px solid #1a344e;border-radius:18px;margin-top:18px;padding:24px}.section-title{align-items:center;gap:10px;margin-bottom:20px;display:flex}.section-title svg{color:#18a0ff}.section-title h3{margin:0}.trip-form{grid-template-columns:1fr 1fr 150px 160px;gap:10px;display:grid}.trip-form .primary{width:auto;margin:0}.driver-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.online{color:#42e58b;font-size:14px}.trips{gap:10px;display:grid}.trip{background:#091827;border:1px solid #1a344e;border-radius:14px;justify-content:space-between;gap:20px;padding:18px;display:flex}.trip-main p{color:#8da2b9;align-items:center;gap:6px;margin:8px 0 0;font-size:14px;display:flex}.status{color:#8fb1d0;background:#162a40;border-radius:20px;margin-left:8px;padding:4px 8px;font-size:11px;display:inline-block}.trip-money{flex-direction:column;align-items:flex-end;gap:7px;min-width:150px;display:flex}.trip-money strong{font-size:18px}.trip-money small{color:#6f879f}.trip-money .primary{width:auto;margin:0}.empty{text-align:center;color:#71879f;padding:30px}footer{color:#617991;justify-content:space-between;padding:30px 5px;font-size:13px;display:flex}@media (width<=850px){.trip-form{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}}@media (width<=600px){.auth-card{padding:22px}.container{width:94%}.hero{padding:22px}.hero h2{font-size:23px}.trip-form,.driver-grid{grid-template-columns:1fr}.trip{flex-direction:column}.trip-money{align-items:stretch}footer{flex-direction:column;gap:8px}}.auth-page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.auth-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#0d233af7,#05111ef7);border:1px solid #37a6ff47;border-radius:28px;width:min(455px,100%);padding:34px;position:relative;box-shadow:0 35px 100px #00000094,0 0 45px #007eff14}.auth-card:before{content:"";opacity:.8;background:linear-gradient(90deg,#0000,#20aaff,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}.brand{gap:15px}.brand-icon{color:#0000;background:url(/arranca-rd-mark.svg) 50%/82% no-repeat;border:1px solid #2db1ff6b;border-radius:19px;flex:none;width:64px;height:64px;box-shadow:0 0 28px #0091ff33,inset 0 0 20px #0091ff14}.brand h1{letter-spacing:-.8px;background:linear-gradient(90deg,#fff,#8bdcff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:850}.brand p{color:#73a9c9;letter-spacing:.4px;font-size:13px}.auth-tabs{background:#030f1bbf;border:1px solid #1b3550;border-radius:13px;margin:30px 0 24px;padding:4px}.auth-tabs button{background:0 0;border:0;transition:all .2s}.auth-tabs button:hover{color:#fff;background:#1478c81f}.auth-tabs button.active{background:linear-gradient(135deg,#087cff,#00b8ff);box-shadow:0 7px 20px #0084ff38}input,select{background:#04111ee6;border-color:#254663;border-radius:13px;transition:all .2s}input:hover,select:hover{border-color:#356487}input:focus,select:focus{border-color:#159cff;box-shadow:0 0 0 3px #159cff1a}.primary{background:linear-gradient(135deg,#087cff,#00b7ff);transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 9px 24px #007eff33}.primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 30px #0091ff47}.primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.app{background:radial-gradient(circle at 80% 0,#0084ff1a,#0000 28%),#07111f}.topbar{border-bottom-color:#2071aa47}.hero{position:relative;overflow:hidden;box-shadow:0 20px 60px #0000002e}.hero:after{content:"";border:1px solid #2db4ff2e;border-radius:50%;width:230px;height:230px;position:absolute;top:-110px;right:-80px;box-shadow:0 0 60px #0082ff1f}.card,.stat,.trip{transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover,.stat:hover{border-color:#238fd27a;box-shadow:0 15px 40px #00000029}.stat svg,.section-title svg{filter:drop-shadow(0 0 8px #0099ff59)}.status.completed{color:#48e49a;background:#30d0871a}.status.in_progress{color:#61c7ff;background:#0096ff1a}.status.accepted{color:#ffd166;background:#ffd1661a}.status.pending{color:#9eb5ca}footer{border-top:1px solid #1f3e5959;margin-top:25px}@media (width<=600px){.auth-page{padding:14px}.auth-card{border-radius:23px;padding:24px 20px}.brand-icon{width:58px;height:58px}.brand h1{font-size:25px}.auth-tabs{margin-top:25px}}.app{isolation:isolate;position:relative;overflow:hidden}.app:before{content:"";z-index:-2;pointer-events:none;opacity:.27;filter:drop-shadow(0 0 12px #00aeffa6)drop-shadow(0 0 45px #0078ff59);background:url(/arranca-rd-mark.svg) 50%/48% no-repeat,radial-gradient(circle,#00aeff29 0%,#0077ff17 28%,#00469609 50%,#0000 70%);width:min(760px,80vw);height:min(760px,80vw);animation:7s ease-in-out infinite arrancaFloat,4.5s ease-in-out infinite arrancaGlow;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%)}.app:after{content:"";z-index:-3;pointer-events:none;border:1px solid #00a6ff1a;border-radius:50%;width:min(650px,70vw);height:min(650px,70vw);animation:24s linear infinite arrancaRotate;position:fixed;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #0091ff14,inset 0 0 45px #0091ff0d}.hero,.stats,.card,footer{z-index:1;position:relative}.app .container:before{content:"";z-index:-1;pointer-events:none;filter:blur(18px);background:linear-gradient(90deg,#0000,#41cdff0b,#41cdff1f,#41cdff0b,#0000);width:340px;height:900px;animation:11s ease-in-out infinite arrancaScan;position:fixed;top:-250px;left:-300px;transform:rotate(28deg)}@keyframes arrancaFloat{0%,to{transform:translate(-50%,-50%)scale(1)rotateX(0)}50%{transform:translate(-50%,-52%)scale(1.035)rotateX(2deg)}}@keyframes arrancaGlow{0%,to{opacity:.19;filter:drop-shadow(0 0 8px #00aeff73)drop-shadow(0 0 30px #0078ff40)}50%{opacity:.34;filter:drop-shadow(0 0 18px #00d2ffd9)drop-shadow(0 0 65px #0078ff80)}}@keyframes arrancaRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes arrancaScan{0%{opacity:0;left:-350px}15%{opacity:1}50%{opacity:.8;left:110%}65%,to{opacity:0;left:120%}}.topbar{box-shadow:0 8px 35px #00000038,0 1px #28aaff14}.brand-icon{transform-style:preserve-3d;transition:transform .3s,box-shadow .3s;position:relative}.brand-icon:hover{transform:perspective(500px)rotateY(-8deg)rotateX(5deg)translateY(-2px);box-shadow:0 0 25px #00aeff61,0 12px 30px #00000059,inset 0 0 20px #00aeff1f}.hero{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0950966b,#081a2ed1)}.stat,.card,.trip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (prefers-reduced-motion:reduce){.app:before,.app:after,.app .container:before{animation:none}}@media (width<=600px){.app:before{opacity:.2;background-size:42%;width:520px;height:520px;top:43%}.app:after{width:440px;height:440px}.app .container:before{display:none}}@keyframes loginCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes loginAtmosphere{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@media (width>=1200px){.auth-card{width:455px}}@media (width<=900px){.auth-page{background-position:50%}.auth-page:before{background:linear-gradient(90deg,#020a1694,#020a1647,#020a1694)}}@media (width<=600px){.auth-page{background-position:50%}.auth-page:before{background:linear-gradient(#020a169e,#020a166b)}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:none}}.auth-page{background:linear-gradient(90deg,#020a1647,#020f2314,#020a164d),50%/cover no-repeat,#020b18;min-height:100vh;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,#00aeff14,#0000 35%),linear-gradient(90deg,#01081259,#0000 30% 70%,#01081259);position:absolute;inset:0}.auth-page:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#0000 30%,#00081433 100%);animation:8s ease-in-out infinite loginAtmosphere;position:absolute;inset:-3%}.auth-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#071c33f5,#030f1df5);border:1px solid #25b2ff7a;position:relative;box-shadow:0 30px 100px #000000b8,0 0 45px #0091ff2e,inset 0 1px #ffffff14}.auth-card:before{content:"";filter:blur(.5px);opacity:.85;background:linear-gradient(90deg,#0000,#00c8ff,#fff,#00c8ff,#0000);height:2px;position:absolute;top:0;left:12%;right:12%}.brand-icon{transform-style:preserve-3d;position:relative;box-shadow:0 0 20px #00b7ff52,inset 0 0 15px #00b7ff1f}.auth-card{animation:6s ease-in-out infinite loginCardFloat}@media (width>=1200px){.auth-card{width:455px}}@media (width<=900px){.auth-page{background-position:50%}.auth-page:before{background:linear-gradient(90deg,#020a1694,#020a1647,#020a1694)}}@media (width<=600px){.auth-page{background-position:50%}.auth-page:before{background:linear-gradient(#020a169e,#020a166b)}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:none}}.auth-page{background:radial-gradient(circle at 15% 20%,#0099ff40,#0000 30%),radial-gradient(circle at 85% 80%,#0059ff33,#0000 35%),linear-gradient(135deg,#020812 0%,#061a31 50%,#020812 100%);position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:linear-gradient(90deg,#010812e0,#010c199e,#010812e0),radial-gradient(circle,#0000 15%,#0000008c 100%);position:absolute;inset:0}.auth-card{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#04101ed1;border:1px solid #2c9eff4d;border-radius:26px;width:min(455px,100%);padding:32px;position:relative;box-shadow:0 30px 100px #0009,0 0 60px #007eff1f}.auth-brand{justify-content:center;margin-bottom:4px}.social-login{gap:10px;display:grid}.social-button{border:1px solid #78a0c838;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;font-weight:700;transition:all .2s;display:flex}.social-button:hover{border-color:#5ab4ff8c;transform:translateY(-1px)}.google-button{color:#17202a;background:#fff}.whatsapp-button{color:#fff;background:#128c7e;border-color:#20bfa9}.google-g{color:#4285f4;font-size:21px;font-weight:800}.divider{color:#71859b;align-items:center;gap:12px;margin:8px 0 2px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:#21384f;flex:1;height:1px}.whatsapp-auth{margin-top:2px}.back-auth,.resend{color:#63bcff;background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;display:inline-flex}.back-auth:hover,.resend:hover{color:#fff}.otp-title{color:#eaf4ff;align-items:center;gap:12px;margin:16px 0;display:flex}.otp-title svg{color:#24d366}.otp-title strong,.otp-title small{display:block}.otp-title small{color:#8298af;margin-top:4px}.auth-footer{color:#647b93;border-top:1px solid #648cb426;justify-content:space-between;gap:10px;margin-top:24px;padding-top:17px;font-size:11px;display:flex}@media (width<=600px){.auth-page{padding:14px}.auth-card{border-radius:22px;padding:24px 20px}.auth-footer{text-align:center;flex-direction:column}}.splash-screen{z-index:99999;background:radial-gradient(circle,#0068ff2e,#0000 32%),#020711;place-items:center;min-height:100vh;animation:.55s 1.75s forwards splashFadeOut;display:grid;position:fixed;inset:0;overflow:hidden}.splash-glow{filter:blur(90px);background:#0081ff21;border-radius:50%;width:55vw;max-width:650px;height:55vw;max-height:650px;animation:1.8s ease-in-out infinite splashPulse;position:absolute}.splash-content{z-index:2;flex-direction:column;align-items:center;width:min(620px,88vw);animation:1.1s cubic-bezier(.2,.8,.2,1) both splashZoom;display:flex;position:relative}.splash-logo{object-fit:contain;filter:drop-shadow(0 0 18px #0084ff47)drop-shadow(0 0 45px #0064ff29);width:100%;height:auto;max-height:76vh;display:block}.splash-loader{background:#78aadc2e;border-radius:10px;width:min(240px,55vw);height:3px;margin-top:-18px;overflow:hidden}.splash-loader span{border-radius:inherit;background:linear-gradient(90deg,#087cff,#00d9ff);width:35%;height:100%;animation:1.65s ease-in-out forwards splashLoading;display:block;box-shadow:0 0 14px #00b5ffcc}.splash-content p{color:#8fb7dc;letter-spacing:5px;text-transform:uppercase;opacity:.85;margin:14px 0 0;font-size:11px;font-weight:600}@keyframes splashZoom{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes splashPulse{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:.9;transform:scale(1.08)}}@keyframes splashLoading{0%{transform:translate(-120%)}to{transform:translate(310%)}}@keyframes splashFadeOut{to{opacity:0;visibility:hidden}}@media (width<=600px){.splash-content{width:94vw}.splash-logo{max-height:68vh}.splash-loader{margin-top:-8px}.splash-content p{letter-spacing:3px;font-size:9px}}.auth-page{background:linear-gradient(90deg,#0107124d,#010a1914,#0107124d),url(/arranca-rd-login-bg.webp) 50%/cover no-repeat;min-height:100vh;padding:30px;position:relative;overflow:hidden}.auth-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 25%,#00000059 100%);position:absolute;inset:0}.auth-card{z-index:5;-webkit-backdrop-filter:blur(18px);background:#03101fd1;border:1px solid #43b5ff73;border-radius:25px;width:min(455px,100%);padding:30px;position:relative;box-shadow:0 25px 90px #000000a6,0 0 45px #0084ff33}.auth-brand .brand-icon{box-shadow:0 0 15px #009cffa6,0 0 35px #0078ff4d}.auth-tabs button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05192ead}.auth-tabs button.active{box-shadow:0 0 18px #0091ff73}.social-button{box-shadow:0 5px 20px #0003}.google-button{box-shadow:0 5px 20px #00000040}.whatsapp-button{box-shadow:0 5px 20px #00000040,0 0 18px #25d36626}input,select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020d1ac7;border-color:#4d97d359}.primary{box-shadow:0 7px 25px #0084ff47,inset 0 1px #ffffff26}.auth-footer{color:#8ba8c4}@media (width<=900px){.auth-page{background-position:50%;padding:18px}.auth-card{width:min(440px,94vw)}}@media (width<=600px){.auth-page{background-position:60%}.auth-card{background:#030e1be8;padding:22px 18px}}