@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700&display=swap);:root{--bg-color:#0a0a0a;--text-color:#f5f5f5;--primary-gradient:linear-gradient(135deg, #00d2ff 0%, #928dab 100%);--secondary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-color:#00d2ff;--card-bg:rgba(255, 255, 255, 0.05);--glass-bg:rgba(10, 10, 10, 0.8);--glass-border:rgba(255, 255, 255, 0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}nav{position:fixed;top:0;width:100%;z-index:1000;padding:1.5rem 0;background:var(--glass-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}nav .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2.5rem}.nav-links a:hover{color:var(--accent-color)}.hero{height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background-color:var(--bg-color)}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,210,255,.15) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(146,141,171,.15) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(102,126,234,.1) 0,transparent 70%);filter:blur(80px);animation:pulseBackground 15s ease-in-out infinite alternate}@keyframes pulseBackground{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.1) translate(2%,2%)}100%{transform:scale(1) translate(-1%,-1%)}}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0,var(--bg-color) 100%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:700px;animation:fadeInUp 1s ease-out}.hero h1{font-size:4.5rem;margin-bottom:1rem;line-height:1.1}.hero p{font-size:1.25rem;margin-bottom:2.5rem;color:rgba(255,255,255,.7)}.btn{display:inline-block;padding:1rem 2.5rem;border-radius:50px;font-weight:600;cursor:pointer;border:none;background:var(--primary-gradient);color:#fff;box-shadow:0 10px 20px rgba(0,210,255,.2)}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,210,255,.3)}.section{padding:8rem 0}.section-title{text-align:center;margin-bottom:4rem}.section-title h2{font-size:3rem;margin-bottom:1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--card-bg);padding:3rem;border-radius:20px;border:1px solid var(--glass-border);transition:var(--transition)}.service-card:hover{background:rgba(255,255,255,.08);transform:translateY(-10px);border-color:var(--accent-color)}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-color)}.about{background:linear-gradient(to bottom,var(--bg-color),#111,var(--bg-color))}.about-content{display:flex;align-items:center;gap:4rem}.about-text{flex:1}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;color:rgba(255,255,255,.8)}.contact-container{max-width:600px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1.2rem;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:10px;color:#fff;font-family:inherit}.form-group textarea{height:150px;resize:none}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--accent-color)}footer{padding:4rem 0;border-top:1px solid var(--glass-border);text-align:center}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.copyright{font-size:.9rem;color:rgba(255,255,255,.5)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero h1{font-size:3rem}.nav-links{display:none}.about-content{flex-direction:column}}