:root{--color-bg: #0a0e17;--color-surface: rgba(20, 25, 40, .7);--color-primary: #00f2ff;--color-secondary: #bd00ff;--color-text-main: #ffffff;--color-text-muted: #94a3b8;--gradient-main: linear-gradient(135deg, var(--color-bg) 0%, #1e293b 100%);--gradient-glow: linear-gradient(90deg, var(--color-primary), var(--color-secondary));--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-bg);background-image:url(/background.png);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:overlay;color:var(--color-text-main);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.glass-panel{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #00000080}.btn{display:inline-block;padding:.8rem 2rem;border-radius:50px;font-family:var(--font-heading);font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:var(--gradient-glow);color:var(--color-bg);box-shadow:0 0 15px #00f2ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #00f2ff80}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-xl) 0}header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--spacing-md) 0;transition:all .3s ease}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text-main);text-decoration:none;letter-spacing:1px}.logo .highlight{color:var(--color-primary)}.nav-links{display:flex;gap:var(--spacing-lg);list-style:none;align-items:center}.nav-links a:not(.btn){color:var(--color-text-main);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:not(.btn):hover{color:var(--color-primary)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px}.hero-content{max-width:800px}.hero-title{font-size:3.5rem;margin-bottom:var(--spacing-md);line-height:1.1}.text-gradient{background:var(--gradient-glow);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);max-width:600px}.hero-actions{display:flex;gap:var(--spacing-md)}.btn-outline{display:inline-block;padding:.8rem 2rem;border-radius:50px;font-family:var(--font-heading);font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;background:transparent;border:2px solid rgba(255,255,255,.2);color:var(--color-text-main)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00f2ff0d}.section-title{text-align:center;font-size:2.5rem;margin-bottom:var(--spacing-xl);color:var(--color-text-main)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.service-card{padding:var(--spacing-lg);border-radius:16px;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px);background:#ffffff14}.service-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.service-card h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.service-card p{color:var(--color-text-muted)}.why-us-container{display:flex;justify-content:center}.why-us-content{max-width:800px;padding:var(--spacing-xl);border-radius:20px}.feature-list{list-style:none;margin-top:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.feature-list li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem}.feature-list li span{color:var(--color-primary);font-weight:700}.contact-container{display:flex;justify-content:center}.contact-card{width:100%;max-width:600px;padding:var(--spacing-xl);border-radius:20px}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-form input,.contact-form textarea{padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text-main);font-family:var(--font-body);transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-primary);background:#ffffff1a}.contact-form button{margin-top:var(--spacing-md)}footer{padding:var(--spacing-lg) 0;text-align:center;color:var(--color-text-muted);border-top:1px solid rgba(255,255,255,.05);margin-top:var(--spacing-xl)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e17cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{padding:var(--spacing-xl);border-radius:20px;text-align:center;max-width:400px;animation:slideIn .3s ease forwards}.modal-content h3{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-primary)}.modal-content p{margin-bottom:var(--spacing-lg);color:var(--color-text-muted)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}