@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&display=swap";:root{--font-family:"Outfit", system-ui, sans-serif;--color-bg:#030014;--color-surface:#14142366;--color-text:#fff;--color-text-muted:#94a3b8;--color-primary:#00f0ff;--color-primary-dark:#00c3ff;--color-accent:#7000ff;--radius-md:12px;--radius-lg:24px;--radius-xl:32px;--transition-fast:.3s cubic-bezier(.175, .885, .32, 1.275);--transition-slow:.6s cubic-bezier(.165, .84, .44, 1);--shadow-glow:0 0 30px #00f0ff80;--shadow-glow-accent:0 0 40px #7000ff99}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#7000ff26 0%,#0000 50%),radial-gradient(circle at 85% 30%,#00f0ff26 0%,#0000 50%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}.bg-mesh{z-index:-1;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.bg-mesh:before,.bg-mesh:after{content:"";filter:blur(100px);opacity:.5;border-radius:50%;width:60vw;height:60vw;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate blobBounce;position:absolute}.bg-mesh:before{background:var(--color-accent);top:-20%;left:-10%}.bg-mesh:after{background:var(--color-primary);animation-delay:-10s;bottom:-20%;right:-10%}@keyframes blobBounce{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}p{margin-bottom:1rem;font-size:1.1rem}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{text-shadow:var(--shadow-glow)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}.glass{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}.card-pop{transition:all var(--transition-fast);transform-style:preserve-3d;position:relative}.card-pop:before{content:"";border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#fff3 0%,#fff0 100%);position:absolute;inset:0}.card-pop:hover{border-color:var(--color-primary);box-shadow:0 20px 40px #00000080, var(--shadow-glow);z-index:10;transform:translateY(-15px)scale(1.02)}.card-pop:hover:before{opacity:1}.btn{letter-spacing:1px;text-transform:uppercase;transition:all var(--transition-fast);cursor:pointer;z-index:1;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-primary));z-index:-1;background-size:200%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.btn-primary{color:#000}.btn-primary:before{background:var(--color-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow);color:#fff;transform:translateY(-3px)scale(1.05)}.btn-primary:hover:before{background:var(--color-accent)}.btn-outline{color:#fff;border:2px solid var(--color-primary);background:0 0}.btn-outline:before{display:none}.btn-outline:hover{box-shadow:inset 0 0 20px #00f0ff33, var(--shadow-glow);background:#00f0ff1a;transform:translateY(-3px)}.fade-in{opacity:0;animation:1s cubic-bezier(.165,.84,.44,1) forwards fadeIn}.slide-up{opacity:0;animation:1s cubic-bezier(.165,.84,.44,1) forwards slideUp;transform:translateY(40px)}.pop-in{opacity:0;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards popIn;transform:scale(.8)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes popIn{to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}.image-hover-wrapper:hover img{transform:scale(1.1)}.image-hover-wrapper:hover .overlay-inner{opacity:1}.overlay-inner a:hover{transform:scale(1.15)rotate(5deg)}