.landing{color:#fff;background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0e27f2;border-bottom:1px solid #ffffff1a;padding:20px 0;position:sticky;top:0}.landing-header .container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.logo-icon{font-size:28px}.nav{align-items:center;gap:32px;display:flex}.nav a{color:#fffc;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav a:hover{color:#fff}.btn-login{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-login:hover{background:#ffffff1a;border-color:#ffffff80}.hero{padding:100px 0}.hero .container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-content{max-width:600px}.hero-title{margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffb3;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-cta{gap:16px;margin-bottom:48px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea99}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.hero-stats{gap:48px;display:flex}.stat{text-align:center}.stat-value{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.stat-label{color:#fff9;margin-top:4px;font-size:14px}.dashboard-preview{perspective:1000px}.preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:transform .3s;transform:rotateY(-5deg)rotateX(5deg);box-shadow:0 20px 60px #0000004d}.preview-card:hover{transform:rotateY(0)rotateX(0)}.preview-header{gap:8px;margin-bottom:20px;display:flex}.preview-dot{border-radius:50%;width:12px;height:12px}.preview-dot.green{background:#10b981}.preview-dot.yellow{background:#f59e0b}.preview-dot.red{background:#ef4444}.preview-content{flex-direction:column;gap:16px;display:flex}.preview-metric{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.metric-label{color:#fff9;font-size:14px}.metric-value{font-size:20px;font-weight:700}.metric-value.green{color:#10b981}.features{background:#ffffff05;padding:100px 0}.section-title{text-align:center;margin-bottom:16px;font-size:48px;font-weight:800}.section-subtitle{color:#fff9;text-align:center;margin-bottom:64px;font-size:18px}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{background:#ffffff14;border-color:#667eea80;transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:48px}.feature-card h3{margin-bottom:12px;font-size:20px;font-weight:700}.feature-card p{color:#ffffffb3;font-size:14px;line-height:1.6}.pricing{padding:100px 0}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.pricing-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px;transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.pricing-card.featured{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea80;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05)translateY(-8px)}.badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;margin-bottom:24px}.pricing-header h3{margin-bottom:16px;font-size:24px;font-weight:700}.price{justify-content:center;align-items:baseline;gap:4px;display:flex}.currency{color:#fff9;font-size:20px}.amount{font-size:56px;font-weight:800}.period{color:#fff9;font-size:16px}.pricing-features{margin:0 0 24px;padding:0;list-style:none}.pricing-features li{color:#fffc;border-bottom:1px solid #ffffff1a;padding:12px 0;font-size:14px}.pricing-features li:last-child{border-bottom:none}.btn-pricing{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.btn-pricing:hover{background:#ffffff1a;border-color:#ffffff80}.btn-pricing.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 4px 20px #667eea66}.btn-pricing.primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea99}.cta{text-align:center;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);padding:100px 0}.cta h2{margin-bottom:16px;font-size:48px;font-weight:800}.cta p{color:#ffffffb3;margin-bottom:32px;font-size:18px}.btn-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:20px 48px;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 4px 20px #667eea66}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea99}.footer{background:#0000004d;border-top:1px solid #ffffff1a;padding:60px 0 30px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px;display:grid}.footer-section h4{margin-bottom:16px;font-size:16px;font-weight:700}.footer-section a{color:#fff9;margin-bottom:12px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer-section a:hover{color:#fff}.footer-section p{color:#fff9;font-size:14px;line-height:1.6}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding-top:30px}.footer-bottom p{color:#ffffff80;font-size:14px}@media (max-width:968px){.hero .container{grid-template-columns:1fr;gap:40px}.hero-title{font-size:40px}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:640px){.nav{gap:16px}.nav a{display:none}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column}.hero-stats{gap:24px}.features-grid{grid-template-columns:1fr}.section-title,.cta h2{font-size:32px}.footer-content{grid-template-columns:1fr}}