*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4F46E5;--primary-dark: #4338CA;--primary-light: #6366F1;--secondary: #10B981;--text-primary: #111827;--text-secondary: #6B7280;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--border: #E5E7EB;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:4rem 0;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#667eeaf2,#764ba2f2);z-index:0}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{color:#fff;text-align:left}.badge{display:inline-block;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;animation:slideUp .6s ease-out}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:slideUp .6s ease-out .1s both}.hero-tagline{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;animation:slideUp .6s ease-out .15s both}.gradient-text{background:linear-gradient(to right,#fde68a,#fca5a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.8;margin-bottom:2rem;opacity:.95;animation:slideUp .6s ease-out .2s both}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem;animation:slideUp .6s ease-out .3s both}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:#fff;color:var(--primary);box-shadow:var(--shadow-lg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;animation:slideUp .6s ease-out .4s both}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:.875rem;opacity:.9;margin-top:.5rem}.hero-image{display:flex;justify-content:center;align-items:center;animation:float 3s ease-in-out infinite}.phone-mockup{position:relative;width:300px;height:600px;background:#1f2937;border-radius:40px;padding:12px;box-shadow:0 25px 50px -12px #00000080;border:8px solid #374151}.screenshot{width:100%;height:100%;object-fit:cover;border-radius:32px}.features{padding:6rem 0;background:var(--bg-secondary)}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary)}.section-description{font-size:1.125rem;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.7}.stations{padding:6rem 0;background:#fff}.stations-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:900px;margin:0 auto}.station-badge{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.875rem;transition:all .3s ease;cursor:default}.station-badge.ruv{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.station-badge.mbl{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.station-badge.bylgjan{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.station-badge.flashback{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.station-badge.other{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.station-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cta-section{padding:6rem 0;background:linear-gradient(135deg,#667eea,#764ba2)}.cta-box{text-align:center;color:#fff}.cta-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.cta-description{font-size:1.25rem;margin-bottom:2rem;opacity:.95}.footer{background:#1f2937;color:#fff;padding:3rem 0 1.5rem}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.logo-icon{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:50%}.footer-description{color:#9ca3af;max-width:400px}.footer-links{display:flex;gap:2rem;justify-content:flex-end;align-items:flex-start}.footer-link{color:#9ca3af;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#9ca3af;font-size:.875rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{text-align:center}.hero-title{font-size:2.5rem}.stats,.cta-buttons{justify-content:center}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}}@media(max-width:640px){.container{padding:0 1rem}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.section-title,.cta-title{font-size:2rem}.stats{grid-template-columns:1fr;gap:1rem}.phone-mockup{width:250px;height:500px}.btn{width:100%;justify-content:center}.footer-links{flex-direction:column;gap:1rem}}