:root{--bg-dark:#0f0f0f;--bg-card:#1c1c1e;--bg-elevated:#2c2c2e;--primary:#0a84ff;--green:#30d158;--orange:#ff9f0a;--yellow:#ffd60a;--text:#fff;--text-secondary:#98989d;--border:#38383a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text);min-height:100vh;font-family:Be Vietnam Pro,-apple-system,sans-serif;overflow-x:hidden}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 30% 20%,#0a84ff26 0%,#0000 40%),radial-gradient(circle at 70% 80%,#30d1581a 0%,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}@keyframes float{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-20px,-20px)rotate(5deg)}}.hero-content{z-index:1;max-width:600px;position:relative}.logo-large{margin-bottom:16px;line-height:1.2}.logo-primary{background:linear-gradient(135deg,var(--primary),var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;display:block}.logo-secondary{color:var(--text-secondary);margin-top:4px;font-size:20px;font-weight:500;display:block}.tagline{margin-bottom:16px;font-size:24px;font-weight:600;line-height:1.4}.tagline span{color:var(--green)}.description{color:var(--text-secondary);margin-bottom:32px;font-size:16px;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--primary),#5e5ce6);color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:16px 32px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0a84ff66}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:16px 32px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card);border-color:var(--primary)}.scroll-hint{color:var(--text-secondary);font-size:24px;animation:2s infinite bounce;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}.container{max-width:800px;margin:0 auto}.features{padding:80px 20px}.section-title{text-align:center;margin-bottom:16px;font-size:32px;font-weight:700}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:500px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:900px;margin:0 auto;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:28px;transition:all .3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:40px}.feature-title{margin-bottom:8px;font-size:18px;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.how-it-works{background:var(--bg-card);padding:80px 20px}.steps{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;display:flex}.step{align-items:flex-start;gap:20px;display:flex}.step-number{background:linear-gradient(135deg,var(--primary),#5e5ce6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.step-content{flex:1;padding-top:8px}.step-title{margin-bottom:8px;font-size:18px;font-weight:600}.step-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.user-types{padding:80px 20px}.types-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:800px;margin:0 auto;display:grid}.type-card{background:var(--bg-card);text-align:center;border:2px solid #0000;border-radius:24px;padding:32px;transition:all .3s}.type-card.driver{border-color:var(--primary)}.type-card.passenger{border-color:var(--orange)}.type-icon{margin-bottom:16px;font-size:56px}.type-title{margin-bottom:12px;font-size:22px;font-weight:700}.type-desc{color:var(--text-secondary);min-height:70px;margin-bottom:24px;font-size:14px;line-height:1.6}.type-features{text-align:left}.type-feature{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.type-feature:last-child{border-bottom:none}.type-feature-icon{color:var(--green)}.cta{text-align:center;background:linear-gradient(135deg,#0a84ff1a,#30d1581a);padding:80px 20px}.cta-title{margin-bottom:16px;font-size:28px;font-weight:700}.cta-desc{color:var(--text-secondary);max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:16px}.footer{background:var(--bg-card);text-align:center;border-top:1px solid var(--border);padding:40px 20px}.footer-logo{background:linear-gradient(135deg,var(--primary),var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:20px;font-weight:700}.footer-logo-divider{opacity:.5;margin:0 8px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:24px;display:flex}.footer-link{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.footer-copyright{color:var(--text-secondary);font-size:13px}@media (max-width:900px){.hero-content{max-width:500px}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.types-grid{gap:20px}.type-desc{min-height:auto}}@media (max-width:768px){.hero{padding:60px 24px}.logo-primary{font-size:42px}.tagline{font-size:22px}.section-title{font-size:28px}.features{padding:60px 24px}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{padding:24px}.how-it-works,.user-types{padding:60px 24px}.types-grid{grid-template-columns:1fr;max-width:400px}.cta{padding:60px 24px}}@media (max-width:600px){.hero{min-height:calc(100vh - 60px);padding:40px 20px 80px}.logo-large{margin-bottom:12px}.logo-primary{font-size:32px}.logo-secondary{font-size:15px}.tagline{margin-bottom:12px;font-size:20px}.description{margin-bottom:24px;font-size:14px}.section-title{font-size:24px}.section-subtitle{margin-bottom:32px;font-size:14px}.hero-buttons{flex-direction:column;gap:10px;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:14px 24px;font-size:15px}.scroll-hint{bottom:20px}.features{padding:50px 16px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-card{border-radius:14px;padding:20px 18px}.feature-icon{margin-bottom:10px;font-size:32px}.feature-title{margin-bottom:6px;font-size:16px}.feature-desc{font-size:13px}.how-it-works{padding:50px 16px}.step{gap:14px}.step-number{width:40px;height:40px;font-size:16px}.step-content{padding-top:4px}.step-title{margin-bottom:6px;font-size:16px}.step-desc{font-size:13px}.user-types{padding:50px 16px}.types-grid{grid-template-columns:1fr;gap:16px}.type-card{border-radius:16px;padding:24px 20px}.type-icon{margin-bottom:10px;font-size:44px}.type-title{margin-bottom:8px;font-size:18px}.type-desc{min-height:auto;margin-bottom:20px;font-size:13px}.type-feature{padding:10px 0;font-size:13px}.cta{padding:50px 20px}.cta-title{font-size:22px}.cta-desc{margin-bottom:24px;font-size:14px}.footer{padding:28px 16px}.footer-logo{flex-direction:column;gap:4px;font-size:18px;display:flex}.footer-logo-divider{display:none}.footer-links{gap:12px 16px;margin-bottom:16px}.footer-link{font-size:12px}.footer-copyright{font-size:11px}}@media (max-width:360px){.hero{padding:30px 16px 70px}.logo-primary{font-size:28px}.logo-secondary{font-size:13px}.tagline{font-size:18px}.description{font-size:13px}.section-title{font-size:20px}.section-subtitle{font-size:13px}.btn-primary,.btn-secondary{padding:12px 20px;font-size:14px}.feature-card{padding:16px 14px}.feature-icon{font-size:28px}.feature-title{font-size:15px}.type-card{padding:20px 16px}.type-icon{font-size:40px}.type-title{font-size:16px}.step-number{width:36px;height:36px;font-size:14px}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:auto;padding:30px 40px}.scroll-hint{display:none}.logo-primary{font-size:28px}.tagline{font-size:18px}.description{margin-bottom:20px;font-size:13px}.hero-buttons{flex-direction:row}.btn-primary,.btn-secondary{width:auto;padding:12px 24px}}@media (hover:none) and (pointer:coarse){.feature-card:hover,.type-card:hover{transform:none}.btn-primary:hover{box-shadow:none;transform:none}.btn-primary:active{transform:scale(.98)}.btn-secondary:active{background:var(--bg-card)}}