@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #050816;--bg-secondary: #100d25;--text-primary: #ffffff;--text-secondary: #aaa6c3;--primary: #915eff;--secondary: #aaa6c3;--tertiary: #151030;--glass: rgba(255, 255, 255, .05);--glass-hover: rgba(255, 255, 255, .1);--neon-blue: #00f3ff;--neon-purple: #bc00ff;--card-border: rgba(255, 255, 255, .1);--nav-bg: rgba(5, 8, 22, .8);--black-100: #100d25;--black-200: #090325;--white-100: #f3f3f3}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-purple)}a{text-decoration:none;color:inherit}ul{list-style:none}.glass-panel{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;border-radius:16px}.gradient-text{background:linear-gradient(90deg,var(--neon-blue),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-padding{padding:6rem 2rem;max-width:1200px;margin:0 auto}.flex-center{display:flex;justify-content:center;align-items:center}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}input,textarea{background:var(--tertiary);border:1px solid rgba(255,255,255,.1);color:#fff;padding:1rem;border-radius:8px;outline:none;transition:all .3s}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 10px #915eff4d}button.primary-btn{background:linear-gradient(90deg,var(--primary),var(--neon-purple));color:#fff;padding:.8rem 2rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}button.primary-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #915eff66}.glitch{position:relative;font-weight:700;text-transform:uppercase}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color)}.glitch:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}20%{clip:rect(50px,9999px,90px,0)}40%{clip:rect(10px,9999px,30px,0)}60%{clip:rect(60px,9999px,20px,0)}80%{clip:rect(20px,9999px,90px,0)}to{clip:rect(40px,9999px,50px,0)}}@keyframes glitch-anim2{0%{clip:rect(15px,9999px,30px,0)}20%{clip:rect(90px,9999px,10px,0)}40%{clip:rect(50px,9999px,60px,0)}60%{clip:rect(10px,9999px,80px,0)}80%{clip:rect(30px,9999px,20px,0)}to{clip:rect(70px,9999px,40px,0)}}.terminal-cursor:after{content:"_";animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}
