@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@400;500;700&display=swap";:root{--primary: #10B981;--primary-rgb: 16, 185, 129;--secondary: #06B6D4;--secondary-rgb: 6, 182, 212;--accent: #14B8A6;--accent-rgb: 20, 184, 166;--bg-dark: #060A06;--bg-dark-rgb: 6, 10, 6;--bg-card: rgba(var(--primary-rgb), .05);--bg-card-hover: rgba(var(--primary-rgb), .1);--border-light: rgba(var(--primary-rgb), .2);--text-main: #F3F4F6;--text-muted: #9CA3AF}[data-theme=light]{--primary: #059669;--primary-rgb: 5, 150, 105;--secondary: #0891B2;--secondary-rgb: 8, 145, 178;--accent: #0D9488;--accent-rgb: 13, 148, 136;--bg-dark: #F8FAFC;--bg-dark-rgb: 248, 250, 252;--bg-card: rgba(var(--primary-rgb), .05);--bg-card-hover: rgba(var(--primary-rgb), .1);--border-light: rgba(var(--primary-rgb), .2);--text-main: #0F172A;--text-muted: #475569}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:800}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:20px}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}.gradient-mesh{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;background:radial-gradient(circle at 15% 50%,rgba(var(--primary-rgb),.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(var(--secondary-rgb),.15),transparent 25%),radial-gradient(circle at 50% 80%,rgba(var(--accent-rgb),.1),transparent 25%);filter:blur(40px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-up{opacity:0;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{min-height:100vh;position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:100;transition:all .3s ease;background:transparent}.navbar.scrolled{background:rgba(var(--bg-dark-rgb),.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1rem 0;border-bottom:1px solid var(--border-light)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.desktop-nav{display:flex;gap:2rem;align-items:center}.desktop-nav a{color:var(--text-main);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .3s ease}.desktop-nav a:hover{color:var(--primary)}.contact-btn{display:flex;align-items:center;gap:.5rem;font-weight:600!important}.theme-btn{background:transparent;border:none;cursor:pointer;color:var(--text-main);display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color .3s ease,transform .3s ease}.theme-btn:hover{color:var(--primary);transform:rotate(15deg)}.mobile-controls{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-main);cursor:pointer}.theme-btn-mobile{display:none;background:transparent;border:none;cursor:pointer;color:var(--text-main)}.mobile-nav{position:fixed;top:70px;left:1rem;right:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;z-index:99}.mobile-nav a{color:var(--text-main);text-decoration:none;font-size:1.1rem;font-weight:500}.mobile-contact{display:flex;align-items:center;gap:.5rem;color:var(--primary)!important}section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.section-title{font-size:3rem;margin-bottom:1rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto 3rem}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-top:8rem}.badge{display:inline-block;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:2rem;letter-spacing:.5px;text-transform:uppercase}.hero-title{font-size:4.5rem;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-1.5px}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);max-width:500px;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem}.primary-button,.secondary-button,.cta-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.8rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1rem;transition:transform .3s ease,box-shadow .3s ease;border:none;color:var(--text-main);cursor:pointer}.primary-button,.cta-button{color:#000}.primary-button{box-shadow:0 10px 20px rgba(var(--primary-rgb),.2)}.primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 25px rgba(var(--primary-rgb),.3)}.secondary-button:hover{background:var(--bg-card-hover);transform:translateY(-3px)}.hero-visual{flex:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:500px}.orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1}.orb-1{width:300px;height:300px;background:var(--primary);top:10%;right:10%;opacity:.4}.orb-2{width:250px;height:250px;background:var(--accent);bottom:10%;left:10%;opacity:.3}.abstract-card{width:320px;height:400px;padding:2rem;border-radius:24px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.01));display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(var(--primary-rgb),.08);box-shadow:0 30px 60px rgba(var(--primary-rgb),.15)}.code-lines{display:flex;flex-direction:column;gap:1rem}.line{height:8px;border-radius:4px}.l1{width:80%;background:linear-gradient(90deg,var(--primary),transparent)}.l2{width:60%;background:linear-gradient(90deg,var(--secondary),transparent)}.l3{width:90%;background:linear-gradient(90deg,var(--accent),transparent)}.server-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#4ade80;font-weight:500;padding:.5rem 1rem;background:#4ade801a;border-radius:50px;align-self:flex-start}.status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80}.services-section{text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.service-card{padding:3rem 2rem;text-align:left;transition:transform .4s ease,background .4s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),transparent);opacity:0;transition:opacity .4s ease}.service-card:hover{transform:translateY(-10px);background:var(--bg-card-hover)}.service-card:hover:before{opacity:1}.service-icon-wrapper{margin-bottom:1.5rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.service-card p{color:var(--text-muted);line-height:1.6}.pricing-section{text-align:center}.estimator-card{padding:40px;border-radius:20px;text-align:left}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem;align-items:start}.pricing-card{padding:3rem 2rem;text-align:left;position:relative;display:flex;flex-direction:column;transition:transform .4s ease,border-color .4s ease;border:1px solid var(--border-light);border-radius:20px}.pricing-card:hover{transform:translateY(-10px);border-color:rgba(var(--primary-rgb),.3)}.pricing-card.popular{border-color:rgba(var(--secondary-rgb),.4);background:linear-gradient(180deg,rgba(var(--secondary-rgb),.2),#0000)}.popular-badge{position:absolute;top:-15px;right:2rem;padding:.4rem 1.2rem;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#fff;box-shadow:0 5px 15px rgba(var(--secondary-rgb),.3)}.pricing-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.pricing-header h3{font-size:1.5rem;margin-bottom:1rem}.pricing-header .price{font-size:3rem;font-weight:800;font-family:Outfit,sans-serif;margin-bottom:.5rem}.pricing-desc{color:var(--text-muted);font-size:.95rem;line-height:1.5}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:1.2rem}.pricing-features li{display:flex;align-items:flex-start;gap:1rem;color:var(--text-main);font-size:.95rem;line-height:1.4}.pricing-features li svg{flex-shrink:0;margin-top:2px}.contact-section{display:flex;justify-content:center}.contact-card{width:100%;max-width:800px;padding:4rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.03),rgba(var(--primary-rgb),.01))}.contact-details{display:flex;gap:3rem;margin:3rem 0;justify-content:center}.contact-item{display:flex;align-items:center;gap:1.2rem;text-align:left}.icon-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(var(--secondary-rgb),.3)}.contact-item h4{font-size:.9rem;color:var(--text-muted);margin-bottom:.2rem}.contact-link{font-size:1.2rem;font-weight:600;color:var(--text-main);text-decoration:none;transition:color .3s ease}.contact-link:hover{color:var(--primary)}.footer{border-top:1px solid var(--border-light);padding:3rem 0;margin-top:4rem;background:#10b9810d}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-brand h3{font-size:1.5rem;margin-bottom:.5rem}.footer-brand p{color:var(--text-muted);font-size:.9rem}.footer-credits{text-align:right;color:var(--text-muted);font-size:.9rem;line-height:1.6}.designed-by{margin-top:.5rem}.designed-by a{color:var(--primary);text-decoration:none;font-weight:600}@media(max-width:992px){.hero-section{flex-direction:column;text-align:center;padding-top:10rem}.hero-subtitle{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.hero-title{font-size:3.5rem}}.addons-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}.addons-link{padding:8px 15px;font-size:.9rem}@media(max-width:768px){.desktop-nav{display:none}.theme-btn-mobile,.mobile-menu-btn{display:block}.hero-title{font-size:2.8rem}.hero-visual{display:none!important}.hero-actions{flex-direction:column;width:100%;gap:15px}.primary-button,.secondary-button,.cta-button{width:100%;justify-content:center}.contact-details{flex-direction:column;gap:1.5rem;align-items:flex-start!important;width:100%}.contact-layout{align-items:flex-start!important;width:100%}.contact-card{padding:2rem}.footer-content{flex-direction:column;text-align:center}.footer-credits{text-align:center}.estimator-card{padding:20px}.addons-header{flex-direction:column;align-items:stretch}.addons-link{text-align:center;justify-content:center;font-size:.85rem;padding:12px 15px}}
