*{margin:0;padding:0;box-sizing:border-box}:root{--transport-gradient: linear-gradient(135deg, #00ff88 0%, #22c55e 25%, #00d9ff 50%, #00ffea 100%);--transport-gradient-dark: linear-gradient(135deg, #000000 0%, #001a00 30%, #002b00 60%, #003d00 100%);--logistics-gradient: linear-gradient(135deg, #0066ff 0%, #0099ff 25%, #00ccff 50%, #00ffff 100%);--infrastructure-gradient: linear-gradient(135deg, #ff6b35 0%, #ff8c42 25%, #ffad5c 50%, #ffce7a 100%);--success-gradient: linear-gradient(135deg, #00ff88 0%, #00cc66 50%, #009944 100%);--mobility-gradient: linear-gradient(135deg, #b026ff 0%, #d94dff 25%, #ff66ff 50%, #ff99ff 100%);--cyber-gradient: linear-gradient(135deg, #00ff88 0%, #00d9ff 25%, #0066ff 50%, #b026ff 100%);--neon-green: #00ff88;--neon-blue: #00d9ff;--neon-purple: #b026ff;--neon-orange: #ff6b35;--neon-cyan: #00ffea;--neon-pink: #ff66ff;--neon-yellow: #ffff00;--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .25);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--premium-glow: 0 0 80px rgba(0, 255, 136, .6);--neon-glow: 0 0 25px rgba(0, 255, 136, .9), 0 0 50px rgba(0, 255, 136, .7);--forest-green: #00ff88;--emerald-green: #00cc66;--lime-green: #88ff00;--electric-blue: #0066ff;--logistics-blue: #0099ff;--infrastructure-orange: #ff6b35;--mobility-purple: #b026ff;--alert-amber: #ffcc00;--cyber-teal: #00ffcc;--text-dark: #1e293b;--text-light: #64748b;--white: #ffffff;--black: #000000;--input-text: #ffffff;--input-bg: rgba(255, 255, 255, .15);--placeholder-color: rgba(255, 255, 255, .6);--card-bg: rgba(255, 255, 255, .15);--card-bg-dark: rgba(0, 0, 0, .8);--card-border: rgba(255, 255, 255, .3);--shadow-sm: 0 10px 30px -3px rgba(0, 0, 0, .5);--shadow: 0 25px 60px rgba(0, 0, 0, .4);--shadow-lg: 0 35px 80px rgba(0, 0, 0, .5);--shadow-xl: 0 60px 140px rgba(0, 0, 0, .6);--shadow-transport: 0 0 100px rgba(0, 255, 136, .8);--shadow-neon: 0 0 40px rgba(0, 255, 136, 1), 0 0 80px rgba(0, 255, 136, .6);--border-radius: 20px;--border-radius-lg: 28px;--border-radius-xl: 40px;--border-radius-2xl: 60px;--transition-smooth: all .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .8s cubic-bezier(.68, -.55, .265, 1.55);--transition-elastic: all .9s cubic-bezier(.34, 1.56, .64, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;min-height:100vh;color:var(--white);line-height:1.7;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,255,136,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,217,255,.12) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(176,38,255,.08) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(255,107,53,.06) 0%,transparent 50%),linear-gradient(135deg,#000,#000);pointer-events:none;z-index:-2;animation:backgroundPulse 10s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(0,255,136,.03) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(0,217,255,.02) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(176,38,255,.02) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:subtleMove 20s ease-in-out infinite}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;width:6px;height:6px;background:var(--neon-green);border-radius:50%;animation:floatParticle 25s linear infinite;box-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green),0 0 30px var(--neon-green);filter:blur(1px)}.header{background:#000000e6;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.15);padding:1.2rem 0;position:sticky;top:0;z-index:1000;transition:var(--transition-smooth);border-bottom:1px solid rgba(0,255,136,.3);box-shadow:0 10px 40px #00000080}.header.scrolled{background:#000000f2;-webkit-backdrop-filter:blur(60px) saturate(200%);backdrop-filter:blur(60px) saturate(200%);box-shadow:0 15px 50px #0009,0 0 0 1px #00ff881a;border-bottom-color:#00ff8880}.header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem;color:var(--white);font-weight:900;font-size:1.8rem;text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green);position:relative;font-family:Orbitron,monospace;letter-spacing:1px}.logo-icon{font-size:2.8rem;background:linear-gradient(135deg,var(--neon-green),var(--neon-blue),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px rgba(0,255,136,.8));animation:logoGlow 2s ease-in-out infinite alternate,logoFloat 6s ease-in-out infinite;transform-style:preserve-3d}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;position:relative;perspective:1000px}.hero-section{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:center;transform-style:preserve-3d}.hero-text h1{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#ffffff 0%,var(--neon-green) 25%,var(--neon-blue) 50%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em;text-shadow:0 0 30px rgba(0,255,136,.5),0 0 60px rgba(0,255,136,.3);position:relative;animation:textShine 3s ease-in-out infinite alternate;font-family:Orbitron,sans-serif}.hero-text p{font-size:1.4rem;color:#fffffff2;margin-bottom:3rem;font-weight:400;line-height:1.7;text-shadow:0 2px 20px rgba(0,0,0,.5)}.transport-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:4rem}.transport-feature-item{display:flex;align-items:flex-start;gap:1.2rem;padding:1.5rem;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-height:auto}.transport-feature-item:hover{background:#ffffff1f;transform:translateY(-5px);box-shadow:0 15px 30px #0003}.transport-feature-icon{font-size:1.8rem;background:linear-gradient(135deg,var(--neon-green),var(--neon-blue));padding:1rem;border-radius:16px;display:flex;align-items:center;justify-content:center;min-width:70px;height:70px;box-shadow:0 8px 20px #00ff884d;transition:all .3s ease}.transport-feature-item:hover .transport-feature-icon{transform:scale(1.1);box-shadow:0 12px 30px #00ff8880}.transport-feature-content h4{color:var(--white);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.transport-feature-content p{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.transport-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:4rem}.transport-action-card{background:#fffffff2;padding:3rem 2.5rem;border-radius:30px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 50px 100px #0003;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.transport-action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.transport-action-card:hover:before{left:100%}.transport-action-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 60px 120px #0000004d}.transport-card-icon{font-size:4rem;margin-bottom:2rem;padding:2rem;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;background:var(--transport-gradient);box-shadow:0 15px 30px #0f86;transition:all .3s ease}.transport-action-card:hover .transport-card-icon{transform:scale(1.1);box-shadow:0 20px 40px #0f89}.transport-card-title{font-size:1.8rem;font-weight:800;color:var(--text-dark);margin-bottom:1.2rem;letter-spacing:-.02em}.transport-card-description{color:var(--text-light);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6;font-weight:400}.btn{padding:1.2rem 2.5rem;border:none;border-radius:15px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;position:relative;overflow:hidden;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.btn:hover:before{left:100%}.btn-transport{background:var(--transport-gradient);color:var(--white);border:none;box-shadow:0 10px 30px #0f86}.btn-transport:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #0f89}.btn-logistics{background:var(--logistics-gradient);color:var(--white);border:none;box-shadow:0 10px 30px #09f6}.btn-logistics:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #09f9}.btn-infrastructure{background:var(--infrastructure-gradient);color:var(--white);border:none;box-shadow:0 10px 30px #ff6b3566}.btn-infrastructure:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px #ff6b3599}.btn-glass{background:#ffffff26;color:var(--white);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 25px #0000001a}.btn-glass:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #0003}.hero-actions{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:3.5rem}.login-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.login-content{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-radius:var(--border-radius-xl);padding:4.5rem;max-width:560px;width:100%;box-shadow:var(--shadow-neon),0 0 0 2px #0f83;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);position:relative;overflow:hidden;transform-style:preserve-3d}.login-content:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--cyber-gradient);border-radius:var(--border-radius-xl);z-index:-1;opacity:.4;filter:blur(30px);animation:loginGlow 4s ease-in-out infinite alternate}.login-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ff881a,#00d9ff0d);z-index:-1}.back-button{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fffffff2;cursor:pointer;font-size:1.2rem;font-weight:700;margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem;transition:var(--transition-elastic);padding:1.4rem 2rem;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Orbitron,sans-serif;box-shadow:0 8px 25px #0000004d}.back-button:hover{background:#fff3;color:var(--white);transform:translate(-15px) scale(1.05);box-shadow:0 15px 35px #0006,0 0 0 1px #00ff884d;border-color:#00ff8880}.login-header{text-align:center;margin-bottom:3.5rem}.login-logo{font-size:6rem;margin-bottom:2.5rem;background:var(--cyber-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,255,136,.8));animation:logoFloat 5s ease-in-out infinite,loginLogoGlow 3s ease-in-out infinite alternate;transform-style:preserve-3d}.login-header h2{color:var(--white);margin-bottom:1.5rem;font-size:2.6rem;font-weight:900;letter-spacing:-.02em;text-shadow:0 2px 25px rgba(0,0,0,.6);background:linear-gradient(135deg,#ffffff,var(--neon-green),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Orbitron,sans-serif}.login-header p{color:#fffffff2;font-size:1.4rem;font-weight:400;line-height:1.7;text-shadow:0 1px 15px rgba(0,0,0,.4)}.form-group{margin-bottom:3rem}.form-group label{display:block;margin-bottom:1.2rem;font-weight:800;color:var(--white);font-size:1.3rem;letter-spacing:.8px;text-shadow:0 1px 10px rgba(0,0,0,.5);font-family:Orbitron,sans-serif}.form-group input{width:100%;padding:1.8rem 2.5rem;border:2px solid rgba(255,255,255,.25);border-radius:var(--border-radius);font-size:1.3rem;transition:var(--transition-elastic);background:var(--input-bg);color:var(--input-text)!important;font-weight:600;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Inter,sans-serif}.form-group input::placeholder{color:var(--placeholder-color);font-weight:500}.form-group input:focus{outline:none;border-color:var(--neon-green);background:#fff3;box-shadow:0 0 0 4px #00ff884d,0 20px 40px #0006,0 0 20px #0f83;transform:translateY(-8px) scale(1.02);animation:inputFocus .6s ease-out;color:var(--input-text)!important}.input-help{font-size:1.1rem;color:#ffffffd9;margin-top:1rem;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.4)}.login-submit-btn{width:100%;padding:1.8rem 2.5rem;background:var(--cyber-gradient);color:#fff;border:2px solid rgba(0,255,136,.7);border-radius:var(--border-radius);font-size:1.4rem;font-weight:900;cursor:pointer;transition:var(--transition-elastic);display:flex;align-items:center;justify-content:center;gap:1.2rem;letter-spacing:1px;box-shadow:0 25px 50px #00ff88b3,0 0 0 2px #ffffff26,0 0 30px #0f86;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:Orbitron,sans-serif;transform-style:preserve-3d}.login-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s}.login-submit-btn:hover:before{left:100%}.login-submit-btn:hover{transform:translateY(-10px) scale(1.08) translateZ(20px);box-shadow:0 35px 70px #00ff88e6,0 0 0 3px #fff3,0 0 50px #0f89;border-color:#00ff88e6;animation:submitPulse 1.5s ease-in-out infinite}.login-submit-btn:disabled{background:#333;transform:none;box-shadow:none;cursor:not-allowed;border-color:#ffffff1a;animation:none}.spinner-small{display:inline-block;width:25px;height:25px;border:3px solid transparent;border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 15px #0f8c}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:2rem}.modal-content{background:linear-gradient(135deg,#ffffff26,#ffffff1a);border-radius:var(--border-radius-xl);padding:3rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:var(--shadow-neon);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.modal-header h2{color:var(--white);font-size:2rem;font-weight:800;background:linear-gradient(135deg,#ffffff,var(--neon-green),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Orbitron,sans-serif}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--white);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:var(--transition-elastic);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-close:hover{background:#fff3;transform:scale(1.1);border-color:#00ff8880}.modal-body{color:var(--white)}.auth-modal-content{width:100%}.auth-tabs{display:flex;background:#ffffff1a;border-radius:var(--border-radius);padding:.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-tab{flex:1;padding:1rem 1.5rem;text-align:center;cursor:pointer;border-radius:var(--border-radius);transition:var(--transition-elastic);font-weight:700;color:#ffffffe6;font-size:1rem}.auth-tab.active{background:var(--transport-gradient);color:var(--white);box-shadow:0 4px 15px #0f86}.auth-forms{position:relative}.auth-form{display:none}.auth-form.active{display:block}.auth-form h3{color:var(--white);font-size:1.5rem;margin-bottom:.5rem;font-weight:800;background:linear-gradient(135deg,#ffffff,var(--neon-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.form-description{color:#ffffffe6!important;font-size:1rem!important;margin-bottom:1.5rem!important;font-weight:400!important;line-height:1.5!important;text-shadow:none!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important}.auth-form p{color:#ffffffe6;margin-bottom:2rem;font-size:1rem;line-height:1.5}.auth-form .form-group{margin-bottom:1.5rem}.auth-form .form-group label{color:var(--white);font-size:1rem;font-weight:600;margin-bottom:.5rem;display:block}.auth-form .form-group input{width:100%;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius);background:#ffffff26!important;color:#fff!important;font-size:1rem;transition:var(--transition-elastic);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-weight:500;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important}.auth-form .form-group input::placeholder{color:#fff9!important;font-weight:400}.auth-form .form-group input:focus{border-color:var(--neon-green)!important;background:#fff3!important;box-shadow:0 0 0 3px #0f83!important;transform:translateY(-2px)!important;color:#fff!important;outline:none!important}.auth-info{background:#00ff881a;border:1px solid rgba(0,255,136,.2);border-radius:var(--border-radius);padding:1.5rem;margin-top:2rem;color:#ffffffe6!important;font-size:.9rem;line-height:1.5}.auth-info p{color:#ffffffe6!important;margin-bottom:.5rem!important;font-size:.9rem!important}.auth-info strong{color:var(--white)!important;font-weight:700!important}.auth-links{margin-top:1.5rem;text-align:center}.auth-links .auth-link{color:var(--neon-cyan)!important;text-decoration:none;font-weight:600;transition:var(--transition-elastic);display:inline-block;font-size:.95rem}.auth-links .auth-link:hover{color:var(--neon-green)!important;text-decoration:underline;transform:translateY(-2px)}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2);text-align:center}.auth-footer p{color:#ffffffb3!important;font-size:.9rem;font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-15px) scale(1.08) rotate(3deg)}}@keyframes logoGlow{0%{filter:drop-shadow(0 0 15px rgba(0,255,136,.6))}to{filter:drop-shadow(0 0 30px rgba(0,255,136,.9))}}@keyframes loginLogoGlow{0%{filter:drop-shadow(0 0 20px rgba(0,255,136,.6))}to{filter:drop-shadow(0 0 40px rgba(0,255,136,1))}}@keyframes subtleMove{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10px,10px) scale(1.02)}}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes textShine{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes inputFocus{0%{transform:translateY(-8px) scale(1.02);box-shadow:0 0 0 4px #00ff884d,0 20px 40px #0006,0 0 20px #0f83}50%{box-shadow:0 0 0 6px #0f86,0 25px 50px #00000080,0 0 30px #00ff884d}to{box-shadow:0 0 0 4px #00ff884d,0 20px 40px #0006,0 0 20px #0f83}}@keyframes submitPulse{0%,to{box-shadow:0 35px 70px #00ff88e6,0 0 0 3px #fff3,0 0 50px #0f89}50%{box-shadow:0 45px 90px #0f8,0 0 0 4px #ffffff4d,0 0 70px #0f8c}}@keyframes loginGlow{0%{opacity:.4;filter:blur(30px)}to{opacity:.6;filter:blur(35px)}}@keyframes floatParticle{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(100px) rotate(360deg);opacity:0}}.floating{animation:float 6s ease-in-out infinite}.glow{animation:logoGlow 3s ease-in-out infinite}.hidden{display:none}.text-center{text-align:center}.mb-3{margin-bottom:3rem}.mt-3{margin-top:3rem}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:25s;background:var(--neon-green)}.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:20s;background:var(--neon-blue)}.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:22s;background:var(--neon-purple)}.particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:18s;background:var(--neon-cyan)}.particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:24s;background:var(--neon-green)}.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:19s;background:var(--neon-blue)}.particle:nth-child(7){left:70%;animation-delay:2s;animation-duration:21s;background:var(--neon-purple)}.particle:nth-child(8){left:80%;animation-delay:4s;animation-duration:23s;background:var(--neon-cyan)}.particle:nth-child(9){left:90%;animation-delay:1s;animation-duration:20s;background:var(--neon-green)}.particle:nth-child(10){left:15%;animation-delay:3s;animation-duration:22s;background:var(--neon-blue)}@media (max-width: 1200px){.hero-section{gap:4rem}.hero-text h1{font-size:3.5rem}}@media (max-width: 968px){.hero-section{grid-template-columns:1fr;gap:4rem;text-align:center}.hero-text h1{font-size:3rem}.transport-features-grid{grid-template-columns:1fr;gap:1.5rem}.transport-action-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.header-content{padding:0 1.5rem;flex-direction:column;gap:1.5rem}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.2rem}.hero-actions{justify-content:center}.btn{padding:1.1rem 2rem;font-size:1rem}.transport-action-card{padding:2.5rem 2rem}.login-content{padding:3.5rem 2.5rem}.modal-content{padding:2rem;margin:1rem}.modal-header h2{font-size:1.5rem}.auth-tabs{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.main-content{padding:2rem 1rem}.hero-text h1{font-size:2.2rem}.transport-feature-item{padding:1.2rem;flex-direction:column;text-align:center}.transport-feature-icon{min-width:60px;height:60px;font-size:1.5rem}.transport-action-card{padding:2rem 1.5rem}.transport-card-icon{font-size:3.5rem;padding:1.5rem}}