:root{--bg-color:#050814;--text-primary:#fff;--text-secondary:#fff;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-gradient:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-hover:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,Inter,system-ui,sans-serif;overflow-x:hidden}body{background-image:linear-gradient(#000000b3,#000000b3),url(/bg.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:var(--bg-color);min-height:100vh;overflow-x:hidden}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s}.glass-card:hover{background:var(--glass-hover);border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 30px -10px #06b6d44d}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px -3px #3b82f666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #3b82f680}.btn-secondary{color:#fff;border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border-radius:8px;padding:12px 28px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:100px 0}.section-title{text-align:center;letter-spacing:-.02em;margin-bottom:3rem;font-size:3rem;font-weight:700}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes float-delayed{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float-delayed{animation:7s ease-in-out 2s infinite float-delayed}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.glitch-wrapper{display:inline-block;position:relative}.glitch{color:#fff;font-weight:700;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:-2px 0 red;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 var(--accent-cyan);clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(74px, 9999px, 86px, 0)}5%{clip:rect(21px, 9999px, 89px, 0)}10%{clip:rect(98px, 9999px, 4px, 0)}15%{clip:rect(100px, 9999px, 34px, 0)}20%{clip:rect(11px, 9999px, 16px, 0)}25%{clip:rect(41px, 9999px, 7px, 0)}30%{clip:rect(69px, 9999px, 12px, 0)}35%{clip:rect(31px, 9999px, 73px, 0)}40%{clip:rect(62px, 9999px, 46px, 0)}45%{clip:rect(30px, 9999px, 45px, 0)}50%{clip:rect(1px, 9999px, 10px, 0)}55%{clip:rect(83px, 9999px, 52px, 0)}60%{clip:rect(34px, 9999px, 49px, 0)}65%{clip:rect(96px, 9999px, 63px, 0)}70%{clip:rect(91px, 9999px, 86px, 0)}75%{clip:rect(56px, 9999px, 54px, 0)}80%{clip:rect(19px, 9999px, 2px, 0)}85%{clip:rect(58px, 9999px, 54px, 0)}90%{clip:rect(96px, 9999px, 97px, 0)}95%{clip:rect(1px, 9999px, 70px, 0)}to{clip:rect(72px, 9999px, 20px, 0)}}