@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d95;--secondary-50:#ecfeff;--secondary-100:#cffafe;--secondary-200:#a5f3fc;--secondary-300:#67e8f9;--secondary-400:#22d3ee;--secondary-500:#06b6d4;--secondary-600:#0891b2;--secondary-700:#0e7490;--secondary-800:#155e75;--secondary-900:#164e63;--accent-50:#fff7ed;--accent-100:#ffedd5;--accent-200:#fed7aa;--accent-300:#fdba74;--accent-400:#fb923c;--accent-500:#f97316;--accent-600:#ea580c;--accent-700:#c2410c;--accent-800:#9a3412;--accent-900:#7c2d12;--success-500:#22c55e;--success-600:#16a34a;--warning-500:#eab308;--warning-600:#ca8a04;--error-500:#ef4444;--error-600:#dc2626;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0a0a0a;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#737373;--border-color:#e5e5e5;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-shadow:0 8px 32px #0000001a;--gradient-primary:linear-gradient(135deg,var(--primary-500)0%,var(--secondary-500)100%);--gradient-hero:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f97316 100%);--gradient-card:linear-gradient(145deg,#ffffffe6 0%,#fff9 100%);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-glow:0 0 40px #8b5cf64d;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-bounce:.5s cubic-bezier(.68,-.55,.265,1.55);--bg-image-overlay:linear-gradient(#ffffff80,#fff9)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0a0a0a;--bg-secondary:#171717;--bg-tertiary:#262626;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:#737373;--border-color:#404040;--glass-bg:#171717cc;--glass-border:#40404080;--glass-shadow:0 8px 32px #0006;--gradient-card:linear-gradient(145deg,#262626e6 0%,#17171799 100%);--bg-image-overlay:linear-gradient(#0a0a0ab3,#0a0a0a99)}}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#171717;--bg-tertiary:#262626;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:#737373;--border-color:#404040;--glass-bg:#171717cc;--glass-border:#40404080;--glass-shadow:0 8px 32px #0006;--gradient-card:linear-gradient(145deg,#262626e6 0%,#17171799 100%);--bg-image-overlay:linear-gradient(#0a0a0ab3,#0a0a0a99)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);background-image:var(--bg-image-overlay),url(/images/background.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}a{color:var(--primary-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-600)}.container{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24)0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 0 0 #8b5cf666}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),0 0 30px #8b5cf666;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-400)}.btn-ghost{color:var(--text-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-sm)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-lg)}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-4px)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:700}.card-description{font-size:var(--text-sm);color:var(--text-tertiary)}.input-group{margin-bottom:var(--space-4);position:relative}.input{width:100%;padding:var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none;font-family:inherit}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px #8b5cf61a}.input::placeholder{color:var(--text-tertiary)}.input-label{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);font-weight:500;display:block}.input-error{border-color:var(--error-500)}.input-error:focus{box-shadow:0 0 0 4px #ef44441a}.error-message{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--error-500)}.badge{padding:var(--space-1)var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-600);background:#8b5cf61a}.badge-success{color:var(--success-600);background:#22c55e1a}.badge-warning{color:var(--warning-600);background:#eab3081a}.badge-error{color:var(--error-600);background:#ef44441a}.navbar{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-4)0;position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-size:var(--text-xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.nav-links{align-items:center;gap:var(--space-12);flex:1;justify-content:center;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500}.nav-link:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:var(--space-4);display:flex}.hero{min-height:100vh;padding-top:var(--space-24);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--gradient-hero);opacity:.1;z-index:-2;position:absolute;inset:0}.hero-orbs{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(80px);border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.hero-orb-1{background:var(--primary-400);opacity:.3;width:600px;height:600px;top:-200px;right:-100px}.hero-orb-2{background:var(--secondary-400);opacity:.3;width:400px;height:400px;animation-delay:-5s;bottom:-100px;left:-100px}.hero-orb-3{background:var(--accent-400);opacity:.2;width:300px;height:300px;animation-delay:-10s;top:50%;left:50%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(50px,-50px)scale(1.1)}50%{transform:translateY(30px)scale(.95)}75%{transform:translate(-30px,-20px)scale(1.05)}}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--success-500);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-title{margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--text-primary)0%,var(--primary-500)50%,var(--secondary-500)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1}.hero-description{font-size:var(--text-xl);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-10)}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.features{position:relative}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-16)}.section-subtitle{font-size:var(--text-sm);color:var(--primary-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-weight:600;display:inline-block}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.section-description{font-size:var(--text-lg);color:var(--text-tertiary)}.feature-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.feature-grid{grid-template-columns:1fr}}.feature-card{text-align:center;padding:var(--space-8)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-6);background:var(--gradient-primary);border-radius:var(--radius-xl);font-size:var(--text-2xl);justify-content:center;align-items:center;display:flex}.feature-title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.feature-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.pricing-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}.pricing-card{padding:var(--space-8);position:relative}.pricing-card.featured{border:2px solid var(--primary-500);transform:scale(1.05)}.pricing-card.featured:before{content:"Most Popular";padding:var(--space-1)var(--space-4);background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.pricing-header{text-align:center;padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6)}.pricing-name{font-size:var(--text-lg);color:var(--text-tertiary);margin-bottom:var(--space-2);font-weight:600}.pricing-price{font-size:var(--text-5xl);color:var(--text-primary);font-weight:800}.pricing-price span{font-size:var(--text-lg);color:var(--text-tertiary);font-weight:500}.pricing-features{margin-bottom:var(--space-8);list-style:none}.pricing-feature{align-items:center;gap:var(--space-3);padding:var(--space-3)0;font-size:var(--text-base);color:var(--text-secondary);display:flex}.pricing-feature:before{content:"✓";width:20px;height:20px;color:var(--success-500);font-size:var(--text-xs);background:#22c55e1a;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.dashboard{padding-top:var(--space-24);min-height:100vh}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-title{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.dashboard-subtitle{color:var(--text-tertiary)}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{padding:var(--space-6)}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-2)}.stat-value{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700}.stat-change{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-sm);font-weight:500;display:inline-flex}.stat-change.positive{color:var(--success-500)}.stat-change.negative{color:var(--error-500)}.trip-list{gap:var(--space-4);flex-direction:column;display:flex}.trip-card{padding:var(--space-6);justify-content:space-between;align-items:center;display:flex}.trip-info{align-items:center;gap:var(--space-4);display:flex}.trip-icon{background:var(--gradient-primary);border-radius:var(--radius-lg);width:48px;height:48px;font-size:var(--text-xl);justify-content:center;align-items:center;display:flex}.trip-details h4{font-size:var(--text-lg);margin-bottom:var(--space-1)}.trip-details p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.trip-status{align-items:center;gap:var(--space-4);display:flex}.trip-time{text-align:right}.trip-time-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.trip-time-value{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.form-container{max-width:600px;margin:0 auto}.form-section{margin-bottom:var(--space-8)}.form-section-title{font-size:var(--text-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);font-weight:600}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);font-weight:700}.modal-close{background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--error-500);color:#fff}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-color);display:flex}.toast-container{top:var(--space-6);right:var(--space-6);z-index:3000;gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary-500);animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:var(--success-500)}.toast-warning{border-left-color:var(--warning-500)}.toast-error{border-left-color:var(--error-500)}.toast-message{font-size:var(--text-sm);flex:1;font-weight:500}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-16)0 var(--space-8)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr repeat(3,1fr);display:grid}@media (max-width:768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr}}.footer-brand{max-width:300px}.footer-logo{font-size:var(--text-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-4);-webkit-background-clip:text;background-clip:text;font-weight:800}.footer-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-6)}.footer-title{font-size:var(--text-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-weight:600}.footer-links{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-links a{font-size:var(--text-sm);color:var(--text-tertiary);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-500)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.footer-social{gap:var(--space-4);display:flex}.footer-social a{background:var(--bg-tertiary);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--primary-500);color:#fff}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}.hero-title{font-size:var(--text-4xl)}.section-title{font-size:var(--text-3xl)}.nav-links{display:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}