.about-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease-in-out;background:radial-gradient(circle at center,#581c87cc,#1e0a3ce6 30%,#0a0514)}.about-background.visible{opacity:1}.about-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(20px);transition:all .8s ease-in-out;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}.about-grid.visible{opacity:1;transform:translateY(0)}.about-glow{position:absolute;width:600px;height:600px;border-radius:50%;opacity:0;transition:opacity 1s ease-in-out;background:radial-gradient(circle at center,rgba(139,92,246,.15),transparent 70%);filter:blur(40px)}.about-glow.visible{opacity:1}.glow-1{top:20%;left:30%;animation:float 10s ease-in-out infinite}.glow-2{bottom:10%;right:20%;width:400px;height:400px;animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.glowing-text{--glow-color: #b8ff2b;color:var(--glow-color);animation:textPulse 2s ease-in-out infinite}.glowing-text.low{text-shadow:0 0 5px var(--glow-color),0 0 10px var(--glow-color),0 0 20px var(--glow-color)}.glowing-text.normal{text-shadow:0 0 10px var(--glow-color),0 0 20px var(--glow-color),0 0 30px var(--glow-color)}.glowing-text.strong{text-shadow:0 0 15px var(--glow-color),0 0 30px var(--glow-color),0 0 45px var(--glow-color),0 0 60px var(--glow-color)}@keyframes textPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.projects-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease-in-out;background:radial-gradient(circle at center,#581c87b3,#1e0a3cd9,#0a0514)}.projects-background.visible{opacity:1}.projects-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(20px);transition:all .8s ease-in-out;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.projects-grid.visible{opacity:1;transform:translateY(0)}.projects-glow{position:absolute;width:500px;height:500px;border-radius:50%;opacity:0;transition:opacity 1s ease-in-out;background:radial-gradient(circle at center,rgba(139,92,246,.15),transparent 70%);filter:blur(40px)}.projects-glow.visible{opacity:1}.glow-1{top:15%;left:25%;animation:float-projects 12s ease-in-out infinite}.glow-2{bottom:15%;right:25%;width:400px;height:400px;animation:float-projects 10s ease-in-out infinite reverse}@keyframes float-projects{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.experience-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease-in-out;background:radial-gradient(circle at 50% 50%,#32196426,#140a1ee6,#05020a)}.experience-background.visible{opacity:1}.experience-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(20px);transition:all .8s ease-in-out;background-image:linear-gradient(45deg,rgba(50,25,100,.03) 1px,transparent 1px),linear-gradient(-45deg,rgba(50,25,100,.03) 1px,transparent 1px);background-size:30px 30px}.experience-grid.visible{opacity:1;transform:translateY(0)}.experience-glow{position:absolute;width:500px;height:500px;border-radius:50%;opacity:0;transition:opacity 1s ease-in-out;background:radial-gradient(circle at center,rgba(50,25,100,.2),transparent 70%);filter:blur(50px)}.experience-glow.visible{opacity:1}.glow-1{top:15%;left:25%;animation:float-experience 15s ease-in-out infinite}.glow-2{bottom:15%;right:25%;width:400px;height:400px;animation:float-experience 12s ease-in-out infinite reverse}@keyframes float-experience{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translateY(-30px) scale(1.15)}75%{transform:translate(-20px,-20px) scale(1.1)}}.contact-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease-in-out;background:radial-gradient(circle at center,#581c87b3,#1e0a3cd9,#0a0514)}.contact-background.visible{opacity:1}.contact-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(20px);transition:all .8s ease-in-out;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:30px 30px}.contact-grid.visible{opacity:1;transform:translateY(0)}.contact-glow{position:absolute;width:450px;height:450px;border-radius:50%;opacity:0;transition:opacity 1s ease-in-out;background:radial-gradient(circle at center,rgba(139,92,246,.1),transparent 70%);filter:blur(60px)}.contact-glow.visible{opacity:1}.glow-1{top:10%;left:20%;animation:float-contact 15s ease-in-out infinite}.glow-2{bottom:15%;right:15%;width:350px;height:350px;animation:float-contact 12s ease-in-out infinite reverse}@keyframes float-contact{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.15)}}.glitch-button,.glitch-button:after{padding:16px 20px;font-size:18px;background:linear-gradient(45deg,transparent 5%,#9501ff 5%);border:0;color:#fff;letter-spacing:3px;line-height:1;box-shadow:6px 0 #66a1ff;outline:transparent;position:relative}.glitch-button:after{--slice-0: inset(50% 50% 50% 50%);--slice-1: inset(80% -6px 0 0);--slice-2: inset(50% -6px 30% 0);--slice-3: inset(10% -6px 85% 0);--slice-4: inset(40% -6px 43% 0);--slice-5: inset(80% -6px 5% 0);content:attr(data-text);display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 3%,#00e6f6 3%,#00e6f6 5%,#9501ff 5%);text-shadow:-3px -3px 0px #f8f005,3px 3px 0px #00e6f6;clip-path:var(--slice-0)}.glitch-button:hover:after{animation:1s glitch;animation-timing-function:steps(2,end)}@keyframes glitch{0%{clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{clip-path:var(--slice-3);transform:translate(10px,10px)}20%{clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{clip-path:var(--slice-3);transform:translateY(5px)}40%{clip-path:var(--slice-2);transform:translate(-5px)}50%{clip-path:var(--slice-3);transform:translate(5px)}60%{clip-path:var(--slice-4);transform:translate(5px,10px)}70%{clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{clip-path:var(--slice-1);transform:translate(-10px)}to{clip-path:var(--slice-1);transform:translate(0)}}.card{position:relative;width:320px;height:400px;background-color:#000;display:flex;flex-direction:column;justify-content:end;padding:16px;gap:12px;border-radius:8px;cursor:pointer;color:#fff;background-size:cover;background-position:center;box-shadow:0 4px 10px #00000080;transition:transform .3s,box-shadow .3s}.image-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s,filter .3s ease}.card:hover .card-image{transform:scale(1.1);filter:blur(4px)}.card:hover{transform:translateY(-10px);box-shadow:0 8px 20px #000000b3}.heading{font-size:20px;text-transform:capitalize;font-weight:700;transition:text-shadow .3s ease,color .3s ease}.card:hover .heading{text-shadow:0 0 8px #e81cff,0 0 16px #e81cff;color:#e81cff}.card p:not(.heading){font-size:14px}.card p:last-child{color:#e81cff;font-weight:600}.social-icons{display:flex;gap:10px;align-items:center}.social-icons a{color:#fff;font-size:18px;transition:color .3s}.social-icons a:hover{color:#e81cff}