@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Poppins:wght@300;400;600&display=swap";:root{--bg-color:#05050a;--text-color:#f8fafc;--neon-cyan:#00f0ff;--neon-pink:#ff007f;--neon-purple:#9d4edd;--card-bg:#0d0d1db3}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);background-image:linear-gradient(90deg,#00f0ff0a 1px,#0000 1px),linear-gradient(#00f0ff0a 1px,#0000 1px);background-size:40px 40px;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}section{flex-direction:column;justify-content:center;max-width:1400px;min-height:100vh;margin:0 auto;padding:100px 10%;scroll-margin-top:80px;display:flex}.gradient-text{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-pink), var(--neon-purple));-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;font-family:Orbitron,sans-serif}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#05050ad9;border-bottom:1px solid #00f0ff26;justify-content:space-between;align-items:center;width:100%;padding:20px 8%;display:flex;position:fixed;top:0}nav .nav-links{gap:35px;display:flex}nav a{color:#94a3b8;letter-spacing:1px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}nav a:hover{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan)}.btn{border:2px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:0;padding:12px 28px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 10px #00f0ff33}.btn:hover{background:var(--neon-cyan);color:var(--bg-color);box-shadow:0 0 20px var(--neon-cyan);transform:scale(1.05)}.geo-shape{z-index:-1;pointer-events:none;border:1px solid #ff007f33;position:absolute;transform:rotate(45deg)}@media (width<=768px){nav{text-align:center;flex-direction:column;gap:15px;padding:15px}nav .nav-links{gap:20px}#hero h1{min-height:110px!important;font-size:32px!important}#hero h2{font-size:16px!important}section{min-height:auto;padding:80px 20px!important}}.fade-in-section{opacity:0;will-change:opacity, transform;transition:opacity .6s ease-in-out,transform .6s ease-in-out;transform:translateY(40px)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}
