@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-color:#050505;--surface-color:#14141499;--primary:#2563eb;--secondary:#38bdf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--glass-bg:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle,#2563eb0d,#0000 60%),radial-gradient(circle at 80% 20%,#38bdf80d,#0000 50%);width:200%;height:200%;animation:15s ease-in-out infinite alternate pulseBg;position:fixed;top:-50%;left:-50%}@keyframes pulseBg{0%{transform:scale(1)}to{transform:scale(1.1)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800}a{color:inherit;text-decoration:none;transition:all .3s}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s}.glass-panel:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 40px #22d3ee1a}.btn-primary{background:linear-gradient(90deg, var(--primary), var(--secondary));color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;cursor:pointer;z-index:1;border:none;border-radius:50px;justify-content:center;align-items:center;padding:.8rem 2rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #2563eb66}.btn-primary:before{content:"";background:linear-gradient(90deg, var(--secondary), var(--primary));z-index:-1;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #22d3ee99}.btn-secondary{color:var(--text-primary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;border:2px solid var(--secondary);cursor:pointer;background:0 0;border-radius:50px;justify-content:center;align-items:center;padding:.8rem 2rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#22d3ee1a;transform:translateY(-2px);box-shadow:0 0 15px #22d3ee4d}.section{padding:6rem 0}.section-title{text-align:center;margin-bottom:3rem;font-size:3rem;position:relative}.glitch{color:#fff;font-size:4rem;font-weight:800;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 var(--primary);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 var(--secondary);clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(21px, 9999px, 86px, 0)}5%{clip:rect(61px, 9999px, 98px, 0)}10%{clip:rect(100px, 9999px, 12px, 0)}15%{clip:rect(47px, 9999px, 50px, 0)}20%{clip:rect(31px, 9999px, 81px, 0)}25%{clip:rect(96px, 9999px, 34px, 0)}30%{clip:rect(11px, 9999px, 52px, 0)}35%{clip:rect(16px, 9999px, 85px, 0)}40%{clip:rect(3px, 9999px, 14px, 0)}45%{clip:rect(40px, 9999px, 50px, 0)}50%{clip:rect(80px, 9999px, 2px, 0)}55%{clip:rect(54px, 9999px, 69px, 0)}60%{clip:rect(13px, 9999px, 26px, 0)}65%{clip:rect(81px, 9999px, 19px, 0)}70%{clip:rect(98px, 9999px, 83px, 0)}75%{clip:rect(15px, 9999px, 51px, 0)}80%{clip:rect(59px, 9999px, 100px, 0)}85%{clip:rect(61px, 9999px, 67px, 0)}90%{clip:rect(42px, 9999px, 12px, 0)}95%{clip:rect(74px, 9999px, 34px, 0)}to{clip:rect(3px, 9999px, 89px, 0)}}@keyframes glitch-anim2{0%{clip:rect(75px, 9999px, 85px, 0)}5%{clip:rect(93px, 9999px, 53px, 0)}10%{clip:rect(80px, 9999px, 53px, 0)}15%{clip:rect(4px, 9999px, 78px, 0)}20%{clip:rect(66px, 9999px, 74px, 0)}25%{clip:rect(53px, 9999px, 67px, 0)}30%{clip:rect(68px, 9999px, 21px, 0)}35%{clip:rect(41px, 9999px, 12px, 0)}40%{clip:rect(82px, 9999px, 55px, 0)}45%{clip:rect(12px, 9999px, 58px, 0)}50%{clip:rect(36px, 9999px, 55px, 0)}55%{clip:rect(22px, 9999px, 92px, 0)}60%{clip:rect(66px, 9999px, 65px, 0)}65%{clip:rect(60px, 9999px, 31px, 0)}70%{clip:rect(100px, 9999px, 35px, 0)}75%{clip:rect(13px, 9999px, 36px, 0)}80%{clip:rect(71px, 9999px, 61px, 0)}85%{clip:rect(67px, 9999px, 82px, 0)}90%{clip:rect(69px, 9999px, 74px, 0)}95%{clip:rect(59px, 9999px, 92px, 0)}to{clip:rect(44px, 9999px, 7px, 0)}}.fade-in-up{opacity:0;animation:.8s forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.floating{animation:4s ease-in-out infinite floating}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.avatar-glow{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;padding:5px;position:relative;box-shadow:0 0 30px #2563eb66}.avatar-glow img{object-fit:cover;border:4px solid var(--bg-color);border-radius:50%;width:100%;height:100%}