:root{--bg-color: #050505;--text-primary: #f8f8f8;--text-secondary: #9ca3af;--accent-1: #c084fc;--accent-2: #38bdf8;--accent-cyber: #0ff;--accent-neon: #f0f;--glass-bg: rgba(20, 20, 30, .4);--glass-border: rgba(0, 255, 255, .2);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;min-height:100vh}.bg-orbs{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;background:#05050566}.matrix-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-image:linear-gradient(rgba(0,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;opacity:.5}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none}.bg-orb-1{position:absolute;top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#c084fc26,#0000 70%);filter:blur(60px);animation:float 15s ease-in-out infinite alternate}.bg-orb-2{position:absolute;bottom:-20%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#38bdf81a,#0000 70%);filter:blur(80px);animation:float 20s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,10%) scale(1.1)}to{transform:translate(-5%,-5%) scale(.9)}}a{text-decoration:none;color:inherit}ul{list-style:none}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 0 15px #00ffff0d,inset 0 0 20px #00ffff05;transition:all .3s ease}.glass-panel:hover{border-color:#00ffff80;box-shadow:0 0 20px #0ff3,inset 0 0 10px #00ffff1a}.section-padding{padding:100px 5%;max-width:1200px;margin:0 auto}.gradient-text{background:linear-gradient(135deg,var(--accent-1),var(--accent-2),var(--accent-cyber));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% center}}.section-title{font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(56,189,248,.3)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color);border-left:1px solid #111}::-webkit-scrollbar-thumb{background:#2a2a35;border-radius:0;border:1px solid var(--accent-cyber)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyber);box-shadow:0 0 10px var(--accent-cyber)}.glitch-wrapper{position:relative;display:inline-block}.glitch{position:relative;color:#fff;z-index:1}.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 var(--accent-neon);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse;z-index:-1}.glitch:after{left:-2px;text-shadow:-1px 0 var(--accent-cyber);clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse;z-index:-2}@keyframes glitch-anim{0%{clip:rect(10px,9999px,86px,0)}5%{clip:rect(61px,9999px,8px,0)}10%{clip:rect(20px,9999px,12px,0)}15%{clip:rect(80px,9999px,60px,0)}20%{clip:rect(41px,9999px,98px,0)}25%{clip:rect(54px,9999px,13px,0)}30%{clip:rect(12px,9999px,49px,0)}to{clip:rect(12px,9999px,49px,0)}}@keyframes glitch-anim2{0%{clip:rect(29px,9999px,87px,0)}5%{clip:rect(10px,9999px,51px,0)}10%{clip:rect(56px,9999px,85px,0)}15%{clip:rect(89px,9999px,63px,0)}20%{clip:rect(31px,9999px,99px,0)}25%{clip:rect(44px,9999px,12px,0)}30%{clip:rect(72px,9999px,43px,0)}to{clip:rect(72px,9999px,43px,0)}}@media (max-width: 768px){.section-padding{padding:80px 5%}.section-title{font-size:2.2rem;margin-bottom:2rem}.bg-orb-1,.bg-orb-2{width:80vw;height:80vw}}@media (max-width: 480px){.section-padding{padding:60px 4%}.section-title{font-size:1.8rem}}