:root{--font-family:"Outfit", sans-serif;--bg-color:#f8fbff;--text-color:#1a2b3c;--primary-color:#06c;--secondary-color:#00d2c1;--accent-color:#f3f9ff;--card-bg:#fffc;--glass-bg:#fff9;--glass-border:#fff6;--shadow:0 10px 30px #0000000d;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--radius:24px}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;transition:var(--transition);border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius)}.section-padding{padding:100px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s ease-out forwards fadeInUp}header{z-index:1000;justify-content:space-between;align-items:center;width:calc(100% - 40px);max-width:1160px;height:72px;padding:0 32px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.logo{align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}nav ul{gap:32px;display:flex}nav ul li a{opacity:.8;transition:var(--transition);font-size:15px;font-weight:500}nav ul li a:hover{opacity:1;color:var(--primary-color)}.contact-btn{background:var(--primary-color);color:#fff;border-radius:40px;padding:12px 24px;font-size:15px;font-weight:600;box-shadow:0 8px 16px #06c3}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0066cc4d}footer{color:#fff;background:#111;padding:80px 0 40px}