@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-deep:#050506;--bg-darker:#0a0a0c;--bg-card:#ffffff08;--accent-cyan:#00f2ff;--accent-purple:#7000ff;--accent-gradient:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));--text-primary:#fff;--text-secondary:#94a3b8;--glass-border:#ffffff1a;--transition-smooth:all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}nav{z-index:1000;width:100%;transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:1.5rem 5%;display:flex;position:fixed;top:0}nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#050506cc;padding:1rem 5%}.logo{cursor:pointer;align-items:center;display:flex}.logo img{width:auto;height:40px;display:block}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.95rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--accent-cyan)}.nav-actions{align-items:center;gap:1.5rem;display:flex}.menu-toggle{cursor:pointer;color:#fff;font-size:1.5rem;display:none}.cta-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50px;padding:.8rem 1.8rem;font-weight:600;box-shadow:0 4px 15px #00f2ff33}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00f2ff66}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 10%;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.4;z-index:-1;filter:blur(2px);background:url(/assets/hero-bg.png) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.1)}.hero-content h1{background:linear-gradient(#fff 40%,#fff9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.1}.hero-content h1 span{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.hero-content p{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.2rem}.hero-btns{justify-content:center;gap:1.5rem;display:flex}.btn-secondary{border:1px solid var(--glass-border);color:#fff;background:0 0}.btn-secondary:hover{background:#ffffff0d}section{padding:100px 10%}.section-tag{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:2px;background:#00f2ff1a;border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}h2{margin-bottom:3rem;font-size:clamp(2rem,5vw,3rem)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:24px;padding:3rem 2rem;position:relative;overflow:hidden}.service-card:hover{border-color:var(--accent-cyan);background:#ffffff0d;transform:translateY(-10px)}.service-icon{background:var(--accent-gradient);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.service-card h3{margin-bottom:1rem;font-size:1.4rem}.service-card p{color:var(--text-secondary);font-size:.95rem}.contact-container{grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;display:grid}.contact-form{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:24px;padding:3rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;display:block}input,textarea{border:1px solid var(--glass-border);color:#fff;width:100%;transition:var(--transition-smooth);background:#0003;border-radius:12px;padding:1rem;font-family:inherit}input:focus,textarea:focus{border-color:var(--accent-cyan);background:#0006;outline:none}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}footer{border-top:1px solid var(--glass-border);background:var(--bg-darker);padding:5rem 10% 2rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:4rem;display:grid}.footer-logo{align-items:center;margin-bottom:1rem;display:flex}.footer-logo img{width:auto;height:48px;display:block}.footer-col h4{margin-bottom:1.5rem;font-size:1.1rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.8rem}.footer-col ul li a{color:var(--text-secondary);transition:var(--transition-smooth);text-decoration:none}.footer-col ul li a:hover{color:var(--accent-cyan)}.footer-bottom{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff0d;padding-top:2rem;font-size:.85rem}@media (width<=768px){.menu-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(20px);width:80%;height:100vh;transition:var(--transition-smooth);border-left:1px solid var(--glass-border);z-index:999;background:#0a0a0cf2;flex-direction:column;padding:100px 10%;display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.nav-links.active{right:0}.nav-links li{margin-bottom:2rem}.nav-links a{font-size:1.5rem}.contact-container{grid-template-columns:1fr}}.scroll-top{background:var(--accent-gradient);color:#fff;cursor:pointer;opacity:0;visibility:hidden;width:50px;height:50px;transition:var(--transition-smooth);z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(20px);box-shadow:0 4px 15px #00f2ff4d}.scroll-top.active{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00f2ff80}
