@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@400;700&display=swap";:root{--bg-color:#050505;--text-color:#e0e0e0;--primary-color:#00f3ff;--secondary-color:#bc13fe;--accent-color:#f05;--card-bg:#ffffff0d;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:2px;font-family:Orbitron,sans-serif}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--secondary-color)}button{cursor:pointer;font-family:Orbitron,sans-serif}.screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.navbar{z-index:10;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;width:100%;padding:2rem 5%;display:flex;position:absolute;top:0}.logo{letter-spacing:3px;color:var(--primary-color);text-shadow:0 0 10px var(--primary-color);font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{text-transform:uppercase;color:var(--text-color);font-family:Orbitron,sans-serif;font-size:.9rem}.nav-links a:hover{color:var(--primary-color)}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-grid{z-index:-1;background-image:linear-gradient(#00f3ff1a 1px,#0000 1px),linear-gradient(90deg,#00f3ff1a 1px,#0000 1px);background-size:50px 50px;width:200%;height:200%;animation:20s linear infinite gridMove;position:absolute;top:0;left:0;transform:perspective(500px)rotateX(60deg)translateY(-100px)translateZ(-200px);-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%);mask-image:radial-gradient(circle,#000 30%,#0000 70%)}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)translateZ(-200px)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)translateZ(-200px)}}.hero-title{color:#fff;margin-bottom:1rem;font-size:5rem;position:relative}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:var(--bg-color);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 var(--accent-color);clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch:after{text-shadow:-1px 0 var(--primary-color);clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 30px, 0)}20%{clip:rect(50px, 9999px, 80px, 0)}40%{clip:rect(20px, 9999px, 10px, 0)}60%{clip:rect(90px, 9999px, 100px, 0)}80%{clip:rect(30px, 9999px, 50px, 0)}to{clip:rect(70px, 9999px, 20px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(80px, 9999px, 90px, 0)}20%{clip:rect(10px, 9999px, 20px, 0)}40%{clip:rect(50px, 9999px, 40px, 0)}60%{clip:rect(20px, 9999px, 10px, 0)}80%{clip:rect(90px, 9999px, 80px, 0)}to{clip:rect(30px, 9999px, 70px, 0)}}.hero-subtitle{color:var(--primary-color);letter-spacing:1px;margin-bottom:3rem;font-size:1.2rem}.primary-btn{border:1px solid var(--primary-color);color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;background:0 0;padding:1rem 2.5rem;font-family:Orbitron,sans-serif;transition:all .3s;display:inline-block;box-shadow:0 0 10px #00f3ff33}.primary-btn:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 20px #00f3ff99}.scroll-indicator{color:var(--text-color);opacity:.7;position:absolute;bottom:2rem}.features-section{background:linear-gradient(var(--bg-color), #0a0a0a);padding:5rem 10%}.section-title{text-align:center;color:var(--text-color);margin-bottom:4rem;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:10px;padding:2rem;transition:border-color .3s}.feature-card:hover{border-color:var(--primary-color)}.feature-icon{color:var(--primary-color);margin-bottom:1.5rem}.feature-card h3{margin-bottom:1rem;font-size:1.2rem}.feature-card p{color:#aaa;font-size:.9rem}.footer{text-align:center;border-top:1px solid var(--glass-border);color:#777;justify-content:space-between;align-items:center;padding:3rem 5%;font-size:.9rem;display:flex}.social-links{gap:1.5rem;display:flex}.social-links a{color:#777;font-size:.9rem}.social-links a:hover{color:var(--primary-color)}@media (width<=768px){.hero-title{font-size:3rem}.navbar,.footer{flex-direction:column;gap:1rem}}