:root{--primary:#00d4ff;--secondary:#7c3aed;--danger:#ff006e;--text:#fff;--text-light:#ffffffb3;--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#0f0f1e 100%);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Source Sans Pro,sans-serif;overflow-x:hidden}code{color:#00d4ff;background:#00d4ff1a;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}p{line-height:1.6}a{color:#00d4ff;text-decoration:none;transition:color .3s}a:hover{color:#7c3aed}button{font-family:inherit}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}*{box-sizing:border-box;margin:0;padding:0}.app-container{color:#fff;background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#0f0f1e 100%);width:100%;min-height:100vh;overflow-x:hidden}.app-header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1ecc;border-bottom:1px solid #ffffff1a;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex}.logo-brand{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{font-size:2rem}.header-nav{align-items:center;gap:2rem;display:flex}.header-nav a{color:#ffffffb3;font-weight:500;text-decoration:none;transition:color .3s}.header-nav a:hover{color:#00d4ff}.get-started-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d4ff,#7c3aed);border:none;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:transform .3s,box-shadow .3s}.get-started-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d4ff4d}.hero-section{justify-content:center;align-items:center;min-height:100vh;margin-top:4rem;padding:6rem 2rem 2rem;display:flex;position:relative;overflow:hidden}.hero-background{width:100%;height:100%;position:absolute;top:0;left:0}.gradient-blob{filter:blur(40px);opacity:.3;border-radius:40% 60% 70% 30%/40% 50% 60%;animation:8s infinite blob;position:absolute}.blob-1{background:linear-gradient(135deg,#00d4ff,#7c3aed);width:300px;height:300px;animation-delay:0s;top:-50px;right:10%}.blob-2{background:linear-gradient(135deg,#7c3aed,#ff006e);width:250px;height:250px;animation-delay:2s;bottom:10%;left:5%}.blob-3{background:linear-gradient(135deg,#00d4ff,#ff006e);width:280px;height:280px;animation-delay:4s;top:50%;left:50%}@keyframes blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.hero-content{z-index:10;text-align:center;max-width:800px;position:relative}.hero-title{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1;animation:.8s ease-out fadeInUp}.hero-subtitle{color:#ffffffb3;margin-bottom:2rem;font-size:1.25rem;animation:.8s ease-out .2s backwards fadeInUp}.hero-buttons{justify-content:center;gap:1rem;margin-bottom:4rem;animation:.8s ease-out .4s backwards fadeInUp;display:flex}.btn{cursor:pointer;border:2px solid #0000;border-radius:50px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#fff;background:linear-gradient(135deg,#00d4ff,#7c3aed)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00d4ff4d}.btn-secondary{color:#00d4ff;background:0 0;border:2px solid #00d4ff}.btn-secondary:hover{background:#00d4ff1a;box-shadow:0 15px 40px #00d4ff33}.btn-large{padding:1.25rem 3rem;font-size:1.1rem}.hero-stats{justify-content:space-around;gap:2rem;animation:.8s ease-out .6s backwards fadeInUp;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-number{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.stat-label{color:#fff9;margin-top:.5rem;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services-section{z-index:10;text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem;position:relative}.services-section h2{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.section-subtitle{color:#fff9;margin-bottom:3rem;font-size:1.1rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2rem;transition:all .3s}.service-card:hover{background:#00d4ff1a;border-color:#00d4ff80;transform:translateY(-10px);box-shadow:0 20px 40px #00d4ff33}.service-icon{margin-bottom:1rem;font-size:3rem}.service-card h3{color:#fff;margin-bottom:.5rem;font-size:1.25rem}.service-price{color:#00d4ff;margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.service-desc{color:#fff9;line-height:1.6}.portfolio-section{z-index:10;text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem;position:relative}.portfolio-section h2{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.portfolio-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2rem;transition:all .3s}.portfolio-card:hover{background:#00d4ff26;border-color:#00d4ff80;transform:translateY(-10px)scale(1.05);box-shadow:0 20px 40px #00d4ff4d}.portfolio-image{justify-content:center;align-items:center;height:100px;margin-bottom:1rem;font-size:4rem;display:flex}.portfolio-card h3{color:#fff;margin-bottom:.5rem;font-size:1.25rem}.portfolio-card p{color:#fff9;font-size:.9rem}.pricing-section{z-index:10;text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem;position:relative}.pricing-section h2{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2.5rem;transition:all .3s;position:relative}.pricing-card:hover{background:#00d4ff1a;border-color:#00d4ff80;transform:translateY(-10px)}.pricing-card.popular{background:#00d4ff26;border-color:#00d4ff;transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-card h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.pricing-desc{color:#fff9;margin-bottom:1rem;font-size:.95rem}.price{align-items:baseline;gap:.3rem;margin-bottom:1rem;display:flex}.price-dual{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.price-item{align-items:baseline;gap:.3rem;display:flex}.currency{color:#00d4ff;font-size:1rem}.amount{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.features{text-align:left;margin-top:2rem}.feature{color:#ffffffb3;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.95rem;display:flex}.check{color:#00d4ff;font-weight:700}.team-section{z-index:10;text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem;position:relative}.team-section h2{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.team-container{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;display:flex}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;max-width:350px;padding:2.5rem;transition:all .3s}.team-card:hover{background:#00d4ff1a;border-color:#00d4ff80;transform:translateY(-10px);box-shadow:0 20px 40px #00d4ff33}.team-avatar{margin-bottom:1rem;font-size:4rem;display:block}.owner-image{object-fit:cover;background:linear-gradient(135deg,#00d4ff33,#7c3aed33);border:2px solid #00d4ff80;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 1rem;display:flex}.team-card h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.team-role{color:#00d4ff;margin-bottom:1rem;font-weight:600}.team-bio{color:#fff9;margin-bottom:1.5rem;line-height:1.6}.team-social{justify-content:center;gap:1rem;display:flex}.social-icon{color:#00d4ff;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block}.social-icon:hover{background:#00d4ff33;border-color:#00d4ff}.cta-section{z-index:10;background:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);border-top:1px solid #00d4ff33;border-bottom:1px solid #00d4ff33;margin:2rem 0;padding:4rem 2rem;position:relative}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-content h2{color:#fff;margin-bottom:1rem;font-size:2rem}.cta-content p{color:#fff9;margin-bottom:2rem;font-size:1.1rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-buttons a{text-decoration:none}.app-footer{z-index:10;background:#0f0f1ef2;border-top:1px solid #ffffff1a;padding:3rem 2rem 1rem;position:relative}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}.footer-section h4{color:#00d4ff;margin-bottom:1rem;font-size:1.1rem}.footer-section p{color:#fff9;margin-bottom:1rem;line-height:1.6}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.75rem}.footer-section a{color:#fff9;gap:.5rem;text-decoration:none;transition:color .3s;display:inline-flex}.footer-section a:hover{color:#00d4ff}.social-links{flex-wrap:wrap;gap:1rem;display:flex}.social-link{background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;color:#00d4ff!important;text-decoration:none!important;display:inline-block!important}.social-link:hover{background:#00d4ff33!important;border-color:#00d4ff!important}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;padding-top:2rem;font-size:.95rem}@media (width<=768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.hero-stats{flex-direction:column;gap:1.5rem}.header-nav{gap:1rem}.header-nav a{display:none}.pricing-card.popular{transform:scale(1)}.services-grid,.portfolio-grid,.pricing-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-buttons a{width:100%}}