@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #22c55e;--primary-hover: #16a34a;--secondary: #334155;--accent: #2563eb;--bg-color: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--surface: #ffffff;--surface-hover: #f1f5f9;--border-color: #e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-main);margin-bottom:1rem}h1{font-size:3.5rem;line-height:1.2;letter-spacing:-1px}h2{font-size:2.5rem}.gradient-text{background:linear-gradient(135deg,#10b981,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--accent)}.section{padding:6rem 10%;position:relative}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding-top:8rem;background-image:url(/hero-bg.png);background-size:cover;background-position:center}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172a99;z-index:1}.hero-content{max-width:800px;z-index:2;animation:fadeInUp 1s ease-out}.hero h1,.hero p{color:#fff}.hero p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9}.hero-glow{display:none}.btn-primary{background:var(--primary);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;box-shadow:0 4px 15px #22c55e33}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #22c55e4d;background:var(--primary-hover)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:var(--surface);padding:2.5rem;border-radius:20px;border:1px solid var(--border-color);transition:transform .3s ease,background .3s ease,border-color .3s ease;text-align:left;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.feature-card:hover{transform:translateY(-5px);background:var(--surface-hover);border-color:#22c55e4d}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem;display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-muted)}.footer{padding:3rem 10%;text-align:center;background:var(--surface);border-top:1px solid var(--border-color);margin-top:auto}.footer p{color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){h1{font-size:2.5rem}.section{padding:4rem 5%}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem;max-width:850px;margin-left:auto;margin-right:auto}.pricing-card{background:var(--surface);padding:3rem 2rem;border-radius:24px;border:1px solid var(--border-color);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;text-align:center;box-shadow:0 10px 20px -5px #0000000d;position:relative;overflow:hidden;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 25px -5px #22c55e26}.pricing-card.featured{border:2px solid var(--accent);box-shadow:0 15px 35px -5px #2563eb33}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:24px;right:-35px;background:var(--accent);color:#fff;padding:6px 40px;transform:rotate(45deg);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pricing-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main)}.pricing-price{font-size:3.5rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;line-height:1}.pricing-price span{font-size:1.1rem;font-weight:500;color:var(--text-muted)}.pricing-features{list-style:none;margin:2rem 0;text-align:left;flex-grow:1}.pricing-features li{margin-bottom:1.25rem;color:var(--text-muted);display:flex;align-items:center;font-size:1.05rem}.pricing-features li svg{color:var(--primary);margin-right:12px;font-size:1.2rem}