.bg-grid-pattern{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:50px 50px}.particle{width:2px;height:2px;left:var(--x);top:var(--y);animation:float var(--duration) infinite linear;background:#ffffff80;border-radius:50%;position:absolute}@keyframes float{0%{opacity:0;transform:translate(0)}50%{opacity:.8}to{opacity:0;transform:translate(100px,-100px)}}.glitch-container{position:relative}.glitch-text{background:linear-gradient(90deg,#fff,#fff);color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s infinite glitch;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 #ff00c1;animation:3s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-text:after{text-shadow:2px 0 #00fff9;animation:2s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip-path:inset(71% 0 10%)}20%{clip-path:inset(29% 0 54%)}40%{clip-path:inset(83% 0 4%)}60%{clip-path:inset(96% 0 1%)}80%{clip-path:inset(75% 0 23%)}to{clip-path:inset(48% 0 34%)}}@keyframes glitch-anim2{0%{clip-path:inset(25% 0 58%)}20%{clip-path:inset(73% 0 2%)}40%{clip-path:inset(95% 0 3%)}60%{clip-path:inset(42% 0 35%)}80%{clip-path:inset(56% 0 27%)}to{clip-path:inset(14% 0 79%)}}.typing-text{white-space:nowrap;border-right:2px solid #4ade80;animation:3s steps(40,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#4ade80}}.social-link{color:#4ade80;background:#ffffff1a;border-radius:.5rem;align-items:center;padding:.5rem 1rem;transition:all .3s;display:inline-flex}.social-link:hover{background:#4ade8033;transform:translateY(-2px)}.stat-card{text-align:center;background:#ffffff0d;border:1px solid #4ade8033;border-radius:1rem;padding:1.5rem;transition:all .3s}.stat-card:hover{border-color:#4ade8080;transform:translateY(-5px)}@keyframes skill-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animate-skill-progress{animation:1s ease-out forwards skill-progress;animation-delay:var(--delay);transform-origin:0;width:var(--progress)}.skill-card{opacity:0;animation:.5s forwards fade-in-up;animation-delay:var(--delay);transform:translateY(20px)}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.btn-primary{border-radius:var(--radius);background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;display:flex}.btn-primary:hover{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.btn-secondary{border-radius:var(--radius);--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1));border-width:2px;border-color:#10b98180;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;display:flex}.btn-secondary:hover{background-color:#10b9811a}.experience-card,.education-card{opacity:0;animation:.5s forwards slide-in;animation-delay:var(--delay);transform:translate(-20px)}@keyframes slide-in{to{opacity:1;transform:translate(0)}}