:root{--bg-main: #05060a;--bg-card: #0d0f17;--bg-card-hover: #131724;--primary: #00d2ff;--secondary: #00f076;--accent: #ff007f;--text-white: #ffffff;--text-muted: #8d9bb0;--border-color: rgba(0, 210, 255, .12);--border-glow: rgba(0, 210, 255, .35);--border-glow-hover: rgba(0, 240, 118, .5);--shadow: 0 8px 30px rgba(0, 0, 0, .5);--font-outfit: "Outfit", sans-serif;--grad-main: linear-gradient(135deg, #05060a 0%, #0d0f17 100%);--grad-primary: linear-gradient(135deg, #00d2ff 0%, #00f076 100%);--grad-premium: linear-gradient(135deg, #a020f0 0%, #ff007f 100%)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:var(--bg-main);color:var(--text-white);font-family:var(--font-outfit);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:all .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-premium{background:var(--grad-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:42px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}.section-header p{color:var(--text-muted);font-size:18px;max-width:650px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:50px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:none;font-family:var(--font-outfit);gap:10px}.btn-primary{background:var(--grad-primary);color:#05060a;box-shadow:0 5px 20px #00d2ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00f07666}.btn-secondary{background:var(--grad-premium);color:#fff;box-shadow:0 5px 20px #ff007f40}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff007f66}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-white)}.btn-outline:hover{border-color:var(--primary);background:#00d2ff0a;color:var(--primary);transform:translateY(-2px)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:35px;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-primary);opacity:0;transition:opacity .3s ease}.glass-card:hover{transform:translateY(-5px);border-color:#00f0764d;background:var(--bg-card-hover);box-shadow:0 12px 40px #00f0761a}.glass-card:hover:before{opacity:1}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #00d2ff33}50%{box-shadow:0 0 25px #00d2ff66}to{box-shadow:0 0 10px #00d2ff33}}.animated-float{animation:float 6s ease-in-out infinite}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:30px}.section-header h2{font-size:32px}.section-padding{padding:60px 0}}