:root{--color-primary: #1E2A38;--color-accent: #2ECC71;--color-secondary: #ECF0F1;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--primary-gradient: linear-gradient(135deg, #1E2A38 0%, #2C3E50 100%);--accent-gradient: linear-gradient(135deg, #2ECC71 0%, #27AE60 100%);--secondary-gradient: linear-gradient(135deg, #ECF0F1 0%, #BDC3C7 100%);--surface-card: #FFFFFF;--surface-glass: rgba(255, 255, 255, .95);--surface-glass-hover: rgba(255, 255, 255, .98);--shadow-light: 0 8px 32px rgba(30, 42, 56, .1);--shadow-medium: 0 16px 64px rgba(30, 42, 56, .15);--shadow-heavy: 0 24px 96px rgba(30, 42, 56, .2);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .4s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.App{min-height:100vh;position:relative}.navbar{background:var(--surface-glass);border-bottom:1px solid rgba(236,240,241,.1);display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;top:0;left:0;right:0;z-index:1000;transition:var(--transition-smooth)}.navbar:hover{background:var(--surface-glass-hover)}.logo{height:40px;display:flex;align-items:center}.logo img{height:400%;width:auto;object-fit:contain}.logo{font-size:1.8rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar nav{display:flex;gap:2rem}.navbar nav a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:var(--transition-smooth);position:relative}.navbar nav a:hover{color:var(--color-accent);transform:translateY(-2px)}.navbar nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:var(--transition-smooth)}.navbar nav a:hover:after{width:100%}.hero{background:var(--primary-gradient);text-align:center;padding:12rem 5% 8rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero h1{color:var(--color-secondary);font-size:clamp(3rem,6vw,5rem);font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;position:relative;z-index:1}.hero p{color:var(--text-secondary);font-size:1.3rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.cta-btn{background:var(--accent-gradient);color:#fff;border:none;padding:1rem 2.5rem;border-radius:var(--border-radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-spring);box-shadow:var(--shadow-medium);position:relative;overflow:hidden}.cta-btn:hover{background:var(--color-accent);transform:translateY(-2px)}.cta-btn:active{transform:translateY(-2px) scale(1.01)}.secondary-btn{background:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary);padding:1rem 2.5rem;border-radius:var(--border-radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition-spring);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.secondary-btn:hover{background:#ecf0f11a;transform:translateY(-2px);border-color:#ffffff80}.features{background:var(--color-secondary);padding:8rem 5%;position:relative}.features h2{text-align:center;font-size:3rem;font-weight:800;color:var(--color-primary);margin-bottom:4rem}.features h2:after{content:"";display:block;width:60px;height:4px;background:var(--color-accent);margin:1rem auto 0;border-radius:2px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--surface-card);padding:3rem 2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-light);border:1px solid rgba(30,42,56,.1);transition:var(--transition-spring);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:8px;left:0;width:4px;height:0;background:var(--color-accent);transition:height .3s ease;border-radius:2px}.feature-card:hover:before{height:calc(100% - 16px)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-heavy)}.feature-card h3{color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center}.feature-card h3:before{content:"•";color:var(--color-accent);margin-right:.5rem;font-size:1.8rem}.feature-card p{color:var(--text-primary);line-height:1.7;font-size:1.1rem;padding-left:1.5rem;border-left:2px solid rgba(46,204,113,.2)}.pricing{background:var(--color-primary);padding:8rem 5%;position:relative}.pricing h2{color:var(--color-secondary);text-align:center;font-size:3rem;font-weight:800;margin-bottom:4rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:var(--surface-card);border:1px solid var(--color-secondary);padding:3rem 2rem;border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;transition:var(--transition-spring);position:relative}.pricing-card:hover{transform:translateY(-8px) scale(1.02);background:var(--surface-glass-hover);border-color:#fff6}.pricing-card h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.pricing-card .price{color:var(--color-accent);font-size:2.5rem;font-weight:800;margin-bottom:2rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-card ul{list-style:none;margin-bottom:2rem}.pricing-card ul li{color:var(--text-secondary);padding:.5rem 0;border-bottom:1px solid var(--color-secondary)}.pricing-card ul li:last-child{border-bottom:none}.footer{background:var(--color-primary);color:var(--color-secondary);border-top:1px solid rgba(236,240,241,.1);text-align:center;padding:3rem 5%}.footer p{color:var(--text-secondary);margin-bottom:1rem}.socials{display:flex;justify-content:center;gap:2rem}.socials a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.socials a:hover{color:var(--color-secondary);transform:translateY(-2px)}@media(max-width:768px){.navbar{padding:1rem 3%;flex-wrap:wrap}.navbar nav{gap:1rem}.hero{padding:10rem 3% 6rem}.hero-buttons{flex-direction:column;align-items:center}.features,.pricing{padding:6rem 3%}.feature-grid,.pricing-grid{grid-template-columns:1fr}.footer{padding:2rem 3%}.socials{flex-wrap:wrap}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card,.pricing-card{animation:fadeInUp .6s ease-out}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.2s}.pricing-card:nth-child(2){animation-delay:.1s}.pricing-card:nth-child(3){animation-delay:.2s}