.theme-switcher{position:fixed;bottom:2rem;right:2rem;z-index:1000}.theme-toggle-btn{width:60px;height:60px;border-radius:50%;background:var(--color-cardBg, rgba(0, 0, 0, .7));border:2px solid var(--color-border, rgba(3, 255, 3, .3));color:var(--color-primary, #03ff03);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d,0 0 20px var(--color-primary, rgba(3, 255, 3, .2));transition:all .3s ease}.theme-toggle-btn:hover{box-shadow:0 6px 20px #0006,0 0 30px var(--color-primary, rgba(3, 255, 3, .4));border-color:var(--color-primary, #03ff03)}.theme-options{position:absolute;bottom:75px;right:0;background:var(--color-cardBg, rgba(0, 0, 0, .9));border:2px solid var(--color-border, rgba(3, 255, 3, .3));border-radius:1rem;padding:.5rem;min-width:200px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 30px #00000080,0 0 30px var(--color-primary, rgba(3, 255, 3, .2))}.theme-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:.5rem;color:var(--color-text, #e0e0e0);font-family:Raleway,Trebuchet MS,sans-serif;font-size:.95rem;cursor:pointer;transition:all .2s ease;margin-bottom:.25rem}.theme-option:last-child{margin-bottom:0}.theme-option:hover{background:#ffffff0d;border-color:var(--color-border, rgba(3, 255, 3, .3))}.theme-option.active{background:linear-gradient(135deg,var(--color-primary, rgba(3, 255, 3, .15)),var(--color-secondary, rgba(81, 255, 0, .1)));border-color:var(--color-primary, rgba(3, 255, 3, .5));color:var(--color-primary, #03ff03)}.theme-color-preview{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.theme-name{flex:1;text-align:left}.theme-check{color:var(--color-primary, #03ff03);font-size:.9rem}@media (max-width: 768px){.theme-switcher{bottom:1rem;right:1rem}.theme-toggle-btn{width:50px;height:50px;font-size:1.3rem}.theme-options{min-width:180px;bottom:65px}.theme-option{padding:.6rem .8rem;font-size:.9rem}.theme-color-preview{width:25px;height:25px}}.custom-cursor{position:fixed;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:none}.cursor-dot{width:8px;height:8px;background:var(--color-primary, #03ff03);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px var(--color-primary, rgba(3, 255, 3, .8));transition:transform .1s ease}.cursor-ring{width:30px;height:30px;border:2px solid var(--color-primary, rgba(3, 255, 3, .5));border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s ease;box-shadow:0 0 15px var(--color-primary, rgba(3, 255, 3, .3))}.custom-cursor.pointer .cursor-dot{transform:translate(-50%,-50%) scale(1.5)}.custom-cursor.pointer .cursor-ring{transform:translate(-50%,-50%) scale(1.5);border-color:var(--color-secondary, rgba(81, 255, 0, .8))}.cursor-trail{position:fixed;width:6px;height:6px;background:var(--color-primary, rgba(3, 255, 3, .6));border-radius:50%;pointer-events:none;z-index:99998;box-shadow:0 0 8px var(--color-primary, rgba(3, 255, 3, .6));transition:opacity .3s ease,transform .3s ease}@media (hover: none) and (pointer: coarse){.custom-cursor,.cursor-trail{display:none}}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:#0000004d;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary, #03ff03),var(--color-secondary, #51ff00),var(--color-accent, var(--color-accent)));box-shadow:0 0 10px var(--color-primary, rgba(3, 255, 3, .5));transition:width .1s ease-out;position:relative}.scroll-progress-bar:after{content:"";position:absolute;right:0;top:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary, rgba(3, 255, 3, .8)));filter:blur(3px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--color-primary, #03ff03);border-radius:50%}.spinner-ring.ring-2{border-top-color:var(--color-secondary, #51ff00);width:70px;height:70px;top:5px;left:5px}.spinner-ring.ring-3{border-top-color:var(--color-accent, var(--color-accent));width:50px;height:50px;top:15px;left:15px}.loading-container p{color:var(--color-text, #e0e0e0);font-size:1.2rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.page-preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;overflow:hidden}.preloader-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.bg-grid{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(var(--color-primary-rgb),.03) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-primary-rgb),.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;transform:perspective(500px) rotateX(60deg)}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(50px)}}.bg-gradient{position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(var(--color-primary-rgb),.1) 0%,transparent 70%);animation:pulseGradient 3s ease-in-out infinite}@keyframes pulseGradient{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.bg-particles{position:absolute;width:100%;height:100%}.floating-particle{position:absolute;width:4px;height:4px;background:var(--color-primary, #03ff03);border-radius:50%;box-shadow:0 0 10px var(--color-primary, #03ff03);animation:floatParticle 5s ease-in-out infinite}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-30px) translate(20px);opacity:1}}.holographic-container{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;perspective:1000px}.cube-wrapper{width:80px;height:80px;position:relative;transform-style:preserve-3d;animation:cubeRotate 4s linear infinite}.cube{width:100%;height:100%;position:relative;transform-style:preserve-3d}.cube-face{position:absolute;width:80px;height:80px;border:2px solid var(--color-primary, #03ff03);background:rgba(var(--color-primary-rgb),.05);box-shadow:inset 0 0 20px rgba(var(--color-primary-rgb),.2),0 0 20px rgba(var(--color-primary-rgb),.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cube-face.front{transform:translateZ(40px)}.cube-face.back{transform:rotateY(180deg) translateZ(40px)}.cube-face.right{transform:rotateY(90deg) translateZ(40px)}.cube-face.left{transform:rotateY(-90deg) translateZ(40px)}.cube-face.top{transform:rotateX(90deg) translateZ(40px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(40px)}@keyframes cubeRotate{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.orbit-ring{position:absolute;border:2px solid transparent;border-radius:50%;border-top-color:var(--color-primary, #03ff03);border-bottom-color:var(--color-primary, #03ff03);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.5),inset 0 0 15px rgba(var(--color-primary-rgb),.1)}.ring-1{width:140px;height:140px;animation:orbitSpin 3s linear infinite}.ring-2{width:170px;height:170px;border-top-color:rgba(var(--color-primary-rgb),.6);border-bottom-color:rgba(var(--color-primary-rgb),.6);animation:orbitSpin 4s linear infinite reverse}.ring-3{width:200px;height:200px;border-top-color:rgba(var(--color-primary-rgb),.3);border-bottom-color:rgba(var(--color-primary-rgb),.3);animation:orbitSpin 5s linear infinite}@keyframes orbitSpin{0%{transform:rotateX(70deg) rotate(0)}to{transform:rotateX(70deg) rotate(360deg)}}.energy-particles{position:absolute;width:100%;height:100%}.energy-dot{position:absolute;width:6px;height:6px;background:var(--color-primary, #03ff03);border-radius:50%;top:50%;left:50%;box-shadow:0 0 15px var(--color-primary, #03ff03);animation:energyOrbit 2s linear infinite;animation-delay:var(--delay)}@keyframes energyOrbit{0%{transform:rotate(var(--rotation)) translate(100px) rotate(calc(-1 * var(--rotation)))}to{transform:rotate(calc(var(--rotation) + 360deg)) translate(100px) rotate(calc(-1 * (var(--rotation) + 360deg)))}}.preloader-text{margin-top:60px;text-align:center;z-index:10}.glitch-text{font-family:Courier New,monospace;font-size:2rem;font-weight:700;color:var(--color-primary, #03ff03);text-shadow:0 0 10px var(--color-primary, #03ff03),0 0 20px var(--color-primary, #03ff03),0 0 40px var(--color-primary, #03ff03);letter-spacing:8px;position:relative;animation:textFlicker .1s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{color:red;animation:glitchLeft 2s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px);opacity:.8}.glitch-text:after{color:#0ff;animation:glitchRight 2s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(2px);opacity:.8}@keyframes glitchLeft{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-1px)}80%{transform:translate(2px)}}@keyframes glitchRight{0%,to{transform:translate(0)}20%{transform:translate(3px)}40%{transform:translate(-2px)}60%{transform:translate(1px)}80%{transform:translate(-3px)}}@keyframes textFlicker{0%,to{opacity:1}50%{opacity:.95}}.progress-container{margin-top:40px;width:300px;z-index:10}.progress-bar{position:relative;width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:visible}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #03ff03),#00ffff);border-radius:2px;box-shadow:0 0 20px var(--color-primary, #03ff03);position:relative}.progress-glow{position:absolute;top:-8px;width:20px;height:20px;background:radial-gradient(circle,var(--color-primary, #03ff03) 0%,transparent 70%);transform:translate(-50%);animation:glowPulse 1s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.5)}}.progress-text{display:flex;justify-content:space-between;margin-top:15px;font-family:Courier New,monospace}.progress-percent{font-size:1.5rem;font-weight:700;color:var(--color-primary, #03ff03);text-shadow:0 0 10px var(--color-primary, #03ff03)}.progress-label{font-size:.75rem;color:#ffffff80;letter-spacing:2px;align-self:center}.scan-lines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;opacity:.3}.corner-decor{position:absolute;width:60px;height:60px;border:2px solid var(--color-primary, #03ff03);opacity:.5}.corner-tl{top:30px;left:30px;border-right:none;border-bottom:none;animation:cornerPulse 2s ease-in-out infinite}.corner-tr{top:30px;right:30px;border-left:none;border-bottom:none;animation:cornerPulse 2s ease-in-out infinite .5s}.corner-bl{bottom:30px;left:30px;border-right:none;border-top:none;animation:cornerPulse 2s ease-in-out infinite 1s}.corner-br{bottom:30px;right:30px;border-left:none;border-top:none;animation:cornerPulse 2s ease-in-out infinite 1.5s}@keyframes cornerPulse{0%,to{opacity:.3}50%{opacity:.8}}@media (max-width: 768px){.holographic-container{width:150px;height:150px}.cube-wrapper,.cube-face{width:60px;height:60px}.cube-face.front{transform:translateZ(30px)}.cube-face.back{transform:rotateY(180deg) translateZ(30px)}.cube-face.right{transform:rotateY(90deg) translateZ(30px)}.cube-face.left{transform:rotateY(-90deg) translateZ(30px)}.cube-face.top{transform:rotateX(90deg) translateZ(30px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(30px)}.ring-1{width:100px;height:100px}.ring-2{width:120px;height:120px}.ring-3{width:140px;height:140px}.glitch-text{font-size:1.5rem;letter-spacing:4px}.progress-container{width:250px}.progress-percent{font-size:1.2rem}.progress-label{font-size:.6rem}.corner-decor{width:40px;height:40px}.corner-tl,.corner-tr{top:15px}.corner-bl,.corner-br{bottom:15px}.corner-tl,.corner-bl{left:15px}.corner-tr,.corner-br{right:15px}}@media (prefers-reduced-motion: reduce){.cube-wrapper,.orbit-ring,.energy-dot,.floating-particle,.glitch-text,.bg-grid{animation:none}.glitch-text:before,.glitch-text:after{display:none}}html{scroll-behavior:smooth;height:100%}#root,.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:#0a0a0a;font-family:Raleway,sans-serif;overflow-x:hidden;position:relative;-webkit-user-select:none;user-select:none;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,255,100,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,150,255,.08) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(255,0,150,.06) 0%,transparent 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a);z-index:-3}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(0,255,100,.03) 2px,rgba(0,255,100,.03) 4px),repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,150,255,.02) 2px,rgba(0,150,255,.02) 4px);z-index:-2;animation:mesh-move 20s linear infinite}@keyframes mesh-move{0%{transform:translate(0) translateY(0)}25%{transform:translate(-5px) translateY(5px)}50%{transform:translate(-10px) translateY(-5px)}75%{transform:translate(5px) translateY(-10px)}to{transform:translate(0) translateY(0)}}.particle{position:fixed;border-radius:50%;background:rgba(var(--color-primary-rgb),.8);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.5);animation:float 8s infinite ease-in-out;z-index:-1}.particle:nth-child(2n){background:#0096ff99;box-shadow:0 0 8px #0096ff66;animation-duration:12s}.particle:nth-child(3n){background:#fff6;box-shadow:0 0 6px #ffffff4d;animation-duration:15s}.particle:nth-child(4n){background:#ff009680;box-shadow:0 0 8px #ff00964d;animation-duration:10s}@keyframes float{0%{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-15px) translate(10px) rotate(120deg)}66%{transform:translateY(10px) translate(-5px) rotate(240deg)}to{transform:translateY(0) translate(0) rotate(360deg)}}main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem 1rem;position:relative;min-height:calc(100vh - 200px);width:100%}.home{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;width:100%;position:relative;z-index:10;padding:2rem 1rem;gap:2rem}.profile-container{position:relative;margin-bottom:1.5rem;transform-style:preserve-3d;will-change:transform;z-index:1}.holographic-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ff00ff1a,#00ffff1a,#ffff001a,#ff00ff1a,#00ffff1a);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:2;mix-blend-mode:screen}.profile-container:hover .holographic-overlay{opacity:.6;animation:hologram-shift 2s linear infinite}@keyframes hologram-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile.holographic{position:relative;z-index:1}.profile-container:hover .profile.holographic{animation:chromatic-pulse 2s ease-in-out infinite}@keyframes chromatic-pulse{0%,to{filter:brightness(1.1) contrast(1.1)}50%{filter:brightness(1.2) contrast(1.15) drop-shadow(2px 0 0 rgba(255,0,0,.3)) drop-shadow(-2px 0 0 rgba(0,255,255,.3))}}.profile{width:200px;height:200px;border-radius:50%;object-fit:cover;border:3px solid rgba(var(--color-primary-rgb),.3);box-shadow:0 0 0 5px rgba(var(--color-primary-rgb),.1),0 0 30px rgba(var(--color-primary-rgb),.3),0 0 60px rgba(var(--color-primary-rgb),.1);transition:all .6s cubic-bezier(.4,0,.2,1);animation:profileFloat 6s infinite ease-in-out;filter:brightness(1.1) contrast(1.1)}.profile:hover{transform:scale(1.05);border-color:rgba(var(--color-primary-rgb),.8);box-shadow:0 0 0 8px rgba(var(--color-primary-rgb),.2),0 0 50px rgba(var(--color-primary-rgb),.5),0 0 100px rgba(var(--color-primary-rgb),.2)}@keyframes profileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.profile-container:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;border:1px solid rgba(var(--color-primary-rgb),.2);animation:rotate 20s linear infinite}.profile-container:after{content:"";position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;border-radius:50%;border:1px solid rgba(0,150,255,.1);animation:rotate 30s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.name{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.4),0 0 60px rgba(255,255,255,.2);background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;line-height:1.2}.name:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,rgba(var(--color-primary-rgb),.8),transparent);border-radius:2px}.tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#ffffffd9;margin-bottom:1.5rem;font-weight:300;max-width:700px;line-height:1.7;min-height:2.5em;display:flex;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;padding:0 1rem;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.cursor{display:inline-block;width:2px;background:rgba(var(--color-primary-rgb),1);margin-left:4px;animation:blink 1s infinite;transform:translateZ(0)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.tagline{font-size:clamp(1rem,4vw,1.2rem);min-height:2em;padding:0 1rem;will-change:auto}.cursor{animation-duration:1.5s;animation-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.tagline{animation:none}.cursor{animation:none;opacity:1}}}@media (hover: none) and (pointer: coarse){.tagline{transform:none;will-change:auto}}.socials{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap;padding:0 1rem}.social-link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.2),transparent);opacity:0;transition:all .4s ease}.social-link:hover{transform:translateY(-5px);background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 15px 40px rgba(var(--color-primary-rgb),.3)}.social-link:hover:before{opacity:1}.social-link img{width:28px;height:28px;transition:all .4s ease;filter:brightness(.9);z-index:1;position:relative}.social-link:hover img{transform:scale(1.1);filter:brightness(1.2)}footer{background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff9;text-align:center;padding:2rem 1rem;font-size:.9rem;position:relative;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;flex-shrink:0;width:100%}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(to right,transparent,rgba(var(--color-primary-rgb),.5),transparent)}@media (max-width: 768px){footer{padding:1.5rem 1rem;font-size:.85rem}}@media (max-width: 480px){footer{padding:1.25rem .75rem;font-size:.8rem}}.tech-orb{position:fixed;width:180px;height:180px;border-radius:50%;z-index:-1;background:radial-gradient(circle at 30% 30%,rgba(var(--color-primary-rgb),.25),transparent 50%),radial-gradient(circle at 70% 70%,rgba(0,150,255,.2),transparent 50%),radial-gradient(circle at center,rgba(var(--color-primary-rgb),.12),#00321980);box-shadow:inset -35px -35px 70px #000000e6,inset 35px 35px 70px rgba(var(--color-primary-rgb),.25),0 0 60px rgba(var(--color-primary-rgb),.6),0 0 120px rgba(var(--color-primary-rgb),.4),0 0 200px rgba(var(--color-primary-rgb),.2);animation:techOrbitFloat 20s ease-in-out infinite,spin 40s linear infinite;overflow:hidden;transform-style:preserve-3d}.tech-orb:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 25% 25%,rgba(var(--color-primary-rgb),.5),transparent 45%),radial-gradient(circle at 75% 75%,rgba(0,150,255,.4),transparent 45%);animation:glow 8s ease-in-out infinite alternate;opacity:.9}.tech-orb:after{content:"";position:absolute;top:15%;left:20%;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%);filter:blur(25px);animation:highlightPulse 6s ease-in-out infinite alternate;pointer-events:none}.tech-orb-left{top:10%;left:5%;animation-delay:-5s}.tech-orb-right{bottom:15%;right:5%;animation-delay:-15s}@keyframes techOrbitFloat{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(2deg)}50%{transform:translateY(-10px) translate(-15px) rotate(-2deg)}75%{transform:translateY(15px) translate(5px) rotate(1deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%{opacity:.7}to{opacity:1}}@keyframes highlightPulse{0%{opacity:.4;transform:scale(1)}to{opacity:.8;transform:scale(1.2)}}.binary-code{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.8;z-index:1;border-radius:50%;transform-style:preserve-3d;perspective:1000px}.binary-code:before{content:"01010111 01100101 01100010 00100000 01000100 01100101 01110110 01100101 01101100 01101111 01110000 01100101 01110010 00100000 01010011 01100001 01101110 01110100 01101000 01101111 01110011 01101000 00100000 01000001 01010011 00100000 01010000 01101111 01110010 01110100 01100110 01101111 01101100 01101001 01101111 00100000 01000110 01110010 01101111 01101110 01110100 01100101 01101110 01100100 00100000 01010010 01100101 01100001 01100011 01110100 00100000 01001010 01100001 01110110 01100001 01010011 01100011 01110010 01101001 01110000 01110100 00100000 01001110 01101111 01100100 01100101 00101110 01101010 01110011 00100000 01010110 01101001 01110100 01100101 00100000 01000011 01010011 01010011 00100000 01001000 01010100 01001101 01001100 00100000 01000010 01101111 01101111 01110100 01110011 01110100 01110010 01100001 01110000 00100000 01010100 01100001 01101001 01101100 01110111 01101001 01101110 01100100 00100000 01001101 01110101 01101001 00100000 01000001 01110000 01110000 00100000 01010111 01110010 01101001 01110100 01100101 00100000 01000011 01101111 01100100 01100101 00100000 01000011 01110010 01100101 01100001 01110100 01100101 00100000 01000100 01100101 01110011 01101001 01100111 01101110 00100000 01000010 01110101 01101001 01101100 01100100 00100000 01010000 01110010 01101111 01101010 01100101 01100011 01110100 01110011 00100000 01000110 01110010 01100001 01101101 01100101 01110010 00100000 01001101 01101111 01110100 01101001 01101111 01101110 00100000 01000001 01101110 01101001 01101101 01100001 01110100 01101001 01101111 01101110 00100000 01000111 01110010 01100001 01110000 01101000 01010001 01001100 00100000 01010010 01100101 01110011 01110100 00100000 01000001 01010000 01001001 00100000 01000110 01101001 01110010 01100101 01100010 01100001 01110011 01100101 00100000 01001101 01101111 01101110 01100111 01101111 01000100 01000010 00100000 01010000 01101111 01110011 01110100 01100111 01110010 01100101 01010011 01010001 01001100 00100000 01000100 01101111 01100011 01101011 01100101 01110010 00100000 01001011 01110101 01100010 01100101 01110010 01101110 01100101 01110100 01100101 01110011 00100000 01000001 01010111 01010011 00100000 01000111 01000011 01010000 00100000 01000001 01111010 01110101 01110010 01100101 00100000 01000111 01101001 01110100 00100000 01000111 01101001 01110100 01001000 01110101 01100010 00100000 01000111 01101001 01110100 01001100 01100001 01100010 00100000 01000010 01101001 01110100 01100010 01110101 01100011 01101011 01100101 01110100 00100000 01001000 01100101 01110010 01101111 01101011 01110101 00100000 01010110 01100101 01110010 01100011 01100101 01101100 00100000 01001110 01100101 01110100 01101100 01101001 01100110 01111001 00100000 01000010 01110101 01101001 01101100 01100100 00100000 01000100 01100101 01110000 01101100 01101111 01111001 00100000 01000011 01001001 00100000 01000011 01000100 00100000 01010100 01100101 01110011 01110100 01101001 01101110 01100111 00100000 01001010 01100101 01110011 01110100 00100000 01000011 01111001 01110000 01110010 01100101 01110011 01110011 00100000 01010011 01100101 01101100 01100101 01101110 01101001 01110101 01101101 00100000 01010000 01101100 01100001 01111001 01110111 01110010 01101001 01100111 01101000 01110100 00100000 01010111 01100101 01100010 00100000 01000100 01100101 01110110 00100000 01000110 01110101 01101100 01101100 00100000 01010011 01110100 01100001 01100011 01101011 00100000 01001101 01000101 01010010 01001110 00100000 01010011 01010100 01000001 01000011 01001011 00100000 01000100 01000101 01010110 01001111 01010000 01010011 00100000 01000011 01001111 01000100 01000101 00100000 01000011 01010010 01000101 01000001 01010100 01000101 00100000 01000100 01000101 01010011 01001001 01000111 01001110 00100000 01000010 01010101 01001001 01001100 01000100 00100000 01010000 01010010 01001111 01001010 01000101 01000011 01010100 01010011 00100000 01000110 01010010 01001111 01001110 01010100 01000101 01001110 01000100 00100000 01000010 01000001 01000011 01001011 01000101 01001110 01000100 00100000 01000110 01010101 01001100 01001100 00100000 01010011 01010100 01000001 01000011 01001011 00100000 01001101 01000101 01010010 01001110 00100000 01010011 01010100 01000001 01000011 01001011 00100000 01000100 01000101 01010110 01001111 01010000 01010011 00100000 01000011 01001111 01000100 01000101 00100000 01000011 01010010 01000101 01000001 01010100 01000101 00100000 01000100 01000101 01010011 01001001 01000111 01001110 00100000 01000010 01010101 01001001 01001100 01000100 00100000 01010000 01010010 01001111 01001010 01000101 01000011 01010100 01010011";position:absolute;font-family:JetBrains Mono,monospace;font-size:7px;color:rgba(var(--color-primary-rgb),.9);text-shadow:0 0 8px rgba(var(--color-primary-rgb),.8),0 0 16px rgba(var(--color-primary-rgb),.5);white-space:nowrap;line-height:12px;animation:scroll-binary-sphere 25s linear infinite;transform-style:preserve-3d;transform-origin:center center;left:50%;top:50%;width:314px;height:314px;margin-left:-157px;margin-top:-157px;letter-spacing:.5px;text-align:center;display:flex;align-items:center;justify-content:center}.binary-code:after{content:"01001000 01010100 01001101 01001100 00100000 01000011 01010011 01010011 00100000 01001010 01000001 01010110 01000001 01010011 01000011 01010010 01001001 01010000 01010100 00100000 01010010 01000101 01000001 01000011 01010100 00100000 01001110 01001111 01000100 01000101 00101110 01001010 01010011 00100000 01010110 01001001 01010100 01000101 00100000 01000010 01001111 01001111 01010100 01010011 01010100 01010010 01000001 01010000 00100000 01010100 01000001 01001001 01001100 01010111 01001001 01001110 01000100 00100000 01001101 01010101 01001001 00100000 01000110 01010010 01000001 01001101 01000101 01010010 00100000 01001101 01001111 01010100 01001001 01001111 01001110 00100000 01000001 01001110 01001001 01001101 01000001 01010100 01001001 01001111 01001110 00100000 01000111 01010010 01000001 01010000 01001000 01010001 01001100 00100000 01010010 01000101 01010011 01010100 00100000 01000001 01010000 01001001 00100000 01000110 01001001 01010010 01000101 01000010 01000001 01010011 01000101 00100000 01001101 01001111 01001110 01000111 01001111 01000100 01000010 00100000 01010000 01001111 01010011 01010100 01000111 01010010 01000101 01010011 01010001 01001100 00100000 01000100 01001111 01000011 01001011 01000101 01010010 00100000 01001011 01010101 01000010 01000101 01010010 01001110 01000101 01010100 01000101 01010011 00100000 01000001 01010111 01010011 00100000 01000111 01000011 01010000 00100000 01000001 01011010 01010101 01010010 01000101 00100000 01000111 01001001 01010100 00100000 01000111 01001001 01010100 01001000 01010101 01000010 00100000 01000111 01001001 01010100 01001100 01000001 01000010 00100000 01000010 01001001 01010100 01000010 01010101 01000011 01001011 01000101 01010100 00100000 01001000 01000101 01010010 01001111 01001011 01010101 00100000 01010110 01000101 01010010 01000011 01000101 01001100 01001100 00100000 01001110 01000101 01010100 01001100 01001001 01000110 01011001 00100000 01000010 01010101 01001001 01001100 01000100 00100000 01000100 01000101 01010000 01001100 01001111 01011001 00100000 01000011 01001001 00100000 01000011 01000100 00100000 01010100 01000101 01010011 01010100 01001001 01001110 01000111 00100000 01001010 01000101 01010011 01010100 00100000 01000011 01011001 01010000 01010010 01000101 01010011 01010011 00100000 01010011 01000101 01001100 01000101 01001110 01001001 01010101 01001101 00100000 01010000 01001100 01000001 01011001 01010111 01010010 01001001 01000111 01001000 01010100 00100000 01010111 01000101 01000010 00100000 01000100 01000101 01010110 00100000 01000110 01010101 01001100 01001100 00100000 01010011 01010100 01000001 01000011 01001011 00100000 01001101 01000101 01010010 01001110 00100000 01010011 01010100 01000001 01000011 01001011 00100000 01000100 01000101 01010110 01001111 01010000 01010011 00100000 01000011 01001111 01000100 01000101 00100000 01000011 01010010 01000101 01000001 01010100 01000101 00100000 01000100 01000101 01010011 01001001 01000111 01001110 00100000 01000010 01010101 01001001 01001100 01000100 00100000 01010000 01010010 01001111 01001010 01000101 01000011 01010100 01010011 00100000 01000110 01010010 01001111 01001110 01010100 01000101 01001110 01000100 00100000 01000010 01000001 01000011 01001011 01000101 01001110 01000100 00100000 01000110 01010101 01001100 01001100 00100000 01010011 01010100 01000001 01000011 01001011 00100000 01001101 01000101 01010010 01001110 00100000 01010011 01010100 01000001 01000011 01001011 00100000 01000100 01000101 01010110 01001111 01010000 01010011 00100000 01000011 01001111 01000100 01000101 00100000 01000011 01010010 01000101 01000001 01010100 01000101 00100000 01000100 01000101 01010011 01001001 01000111 01001110 00100000 01000010 01010101 01001001 01001100 01000100 00100000 01010000 01010010 01001111 01001010 01000101 01000011 01010100 01010011";position:absolute;font-family:JetBrains Mono,monospace;font-size:7px;color:rgba(var(--color-primary-rgb),.7);text-shadow:0 0 6px rgba(var(--color-primary-rgb),.6),0 0 12px rgba(var(--color-primary-rgb),.4);white-space:nowrap;line-height:12px;animation:scroll-binary-sphere 30s linear infinite reverse;transform-style:preserve-3d;transform-origin:center center;left:50%;top:50%;width:314px;height:314px;margin-left:-157px;margin-top:-157px;letter-spacing:.5px;opacity:.6}@keyframes scroll-binary-sphere{0%{transform:rotateY(0) rotateX(0) translateZ(90px)}25%{transform:rotateY(90deg) rotateX(0) translateZ(90px)}50%{transform:rotateY(180deg) rotateX(0) translateZ(90px)}75%{transform:rotateY(270deg) rotateX(0) translateZ(90px)}to{transform:rotateY(360deg) rotateX(0) translateZ(90px)}}.home>*{opacity:0;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) forwards}.home>*:nth-child(1){animation-delay:.2s}.home>*:nth-child(2){animation-delay:.4s}.home>*:nth-child(3){animation-delay:.6s}.home>*:nth-child(4){animation-delay:.8s}.home>*:nth-child(5){animation-delay:1s}@media (max-width: 768px){main{padding:1.5rem .75rem;min-height:calc(100vh - 150px)}.home{padding:1.5rem .75rem;gap:1.5rem}.profile{width:160px;height:160px}.profile-container{margin-bottom:1rem}.profile-container:before{animation:rotate 60s linear infinite}.profile-container:after{animation:rotate 90s linear infinite reverse}.tech-orb{animation:techOrbitFloat 40s ease-in-out infinite,spin 120s linear infinite}body:after{animation:mesh-move 40s linear infinite}.tags{gap:.75rem}.tag{padding:.6rem 1.2rem;font-size:.85rem}.socials{gap:1rem;margin-top:.5rem}.social-link{width:50px;height:50px}.social-link img{width:24px;height:24px}.tech-orb{width:120px;height:120px}.tech-orb-left{top:8%;left:2%}.tech-orb-right{bottom:12%;right:2%}.binary-code:before{font-size:5px;line-height:7px;letter-spacing:.3px}.tagline{font-size:clamp(1rem,4vw,1.2rem);min-height:2em;padding:0 1rem;margin-bottom:1rem;line-height:1.6;will-change:auto}.name{margin-bottom:.25rem;font-size:clamp(2rem,8vw,3rem)}.cursor{animation-duration:1.5s;animation-timing-function:ease-in-out}}@media (max-width: 480px){main{padding:1rem .5rem;min-height:calc(100vh - 120px)}.home{padding:1rem .5rem;gap:1.25rem}.profile{width:140px;height:140px}.profile-container{margin-bottom:.75rem}.name{font-size:clamp(1.75rem,10vw,2.5rem);margin-bottom:.25rem}.tagline{font-size:clamp(.95rem,5vw,1.1rem);min-height:1.8em;margin-bottom:.75rem;padding:0 .75rem}.socials{gap:.75rem;margin-top:.25rem}.social-link{width:45px;height:45px}.social-link img{width:22px;height:22px}.tags{flex-direction:column;align-items:center}.tag{padding:.5rem 1rem;font-size:.8rem}.tech-orb{width:100px;height:100px}.binary-code:before{font-size:4px;line-height:6px;letter-spacing:.2px}.binary-code:before{font-size:4px;line-height:6px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.profile{border-color:var(--color-primary)}.tag,.social-link{border-color:#fff}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,Trebuchet MS,sans-serif;background:transparent;color:#fff;min-height:100vh;overflow-x:hidden}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideLeftRotate{0%{opacity:0;transform:translate(-80px) rotate(-5deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes slideRightBounce{0%{opacity:0;transform:translate(80px) scale(.8)}50%{transform:translate(-10px) scale(1.05)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFlip{0%{opacity:0;transform:translateY(80px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes slideRightGlow{0%{opacity:0;transform:translate(100px);box-shadow:0 0 #0f80}to{opacity:1;transform:translate(0);box-shadow:0 0 30px #00ff884d}}@keyframes slideLeftWave{0%{opacity:0;transform:translate(-100px) skew(10deg)}to{opacity:1;transform:translate(0) skew(0)}}@keyframes slideRightPulse{0%{opacity:0;transform:translate(100px) scale(.8)}50%{transform:translate(-5px) scale(1.1)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes morphScale{0%{opacity:0;transform:scale(.5) rotate(45deg);border-radius:50%}to{opacity:1;transform:scale(1) rotate(0);border-radius:20px}}@keyframes slideUpGlow{0%{opacity:0;transform:translateY(100px) scale(.9);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.animate-on-scroll{opacity:0;transition:none}.animate-on-scroll.animated{opacity:1}.about-container{display:flex;align-items:stretch;justify-content:center;gap:3vw;margin:7vh 5vw;font-size:1.2rem;line-height:1.6}.about,.education{color:#e6e4e4;width:45%;padding:2.5rem 2rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(100,100,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.about:hover,.education:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006;border-color:var(--color-border)}.about h2,.education h2{text-align:center;font-size:1.4em;font-weight:700;margin-bottom:1rem;color:#00d4ff}.languages-section{max-width:1400px;margin:60px auto;padding:40px 20px}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px}.languages-grid{display:flex;flex-direction:column;gap:25px}.language-category{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:35px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease;position:relative;overflow:hidden}.language-category:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#00d4ff);opacity:0;transition:opacity .3s ease}.language-category:hover:before{opacity:1}.language-category:hover{transform:translateY(-5px);border-color:#ffffff40;box-shadow:0 25px 50px #0006;background:#ffffff0f}.category-header{display:flex;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.category-icon{width:28px;height:28px;margin-right:15px;stroke:#00d4ff;stroke-width:2}.category-title{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:.5px}.skills-container{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.skill-tag{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.4);color:#fff;padding:12px 20px;border-radius:30px;font-size:.95rem;font-weight:500;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;align-items:center;gap:8px}.skill-tag:hover{transform:translateY(-3px) scale(1.05);border-color:#667eeab3;box-shadow:0 10px 30px #667eea4d;background:linear-gradient(135deg,#667eea40,#764ba240)}.skill-level{width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--color-accent);box-shadow:0 0 8px #00ff8880}.brief{color:#b6b3b3;font-size:1.2rem;margin:40px auto;max-width:1200px;padding:40px 50px;border:1px solid var(--color-border);border-radius:20px;line-height:1.8;letter-spacing:.5px;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:justify;position:relative;overflow:hidden}.brief:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.highlight-name{font-weight:700;font-size:1.2rem;color:#00d4ff}.edu{color:#ff6b6b;font-weight:700}.course{color:var(--color-accent);font-weight:700}.briefspan{border:1px solid rgba(98,200,98,.5);border-radius:8px;padding:2px 8px;background-color:#62c86233;color:#62c862;font-weight:500}.tools-section{max-width:1400px;margin:80px auto;padding:40px 20px}.tools-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:20px;margin-top:50px;max-width:1800px;margin-left:auto;margin-right:auto}.tool-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 15px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(30px) scale(.9)}.tool-item.animated{opacity:1;transform:translateY(0) scale(1)}.tool-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#00d4ff);opacity:0;transition:opacity .3s ease}.tool-item:hover:before{opacity:1}.tool-item:hover{transform:translateY(-8px) scale(1.05);border-color:#ffffff40;box-shadow:0 20px 40px #0006;background:#ffffff0f}.tool-icon{font-size:2rem;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.tool-item:hover .tool-icon{transform:scale(1.1) rotate(5deg)}.tool-name{font-size:.95rem;font-weight:600;color:#fff;display:block;margin-top:8px}@keyframes toolFloat{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}footer{margin-top:60px;padding:2rem 0;text-align:center;position:relative;border-top:1px solid rgba(255,255,255,.1)}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(to right,transparent,var(--color-border),transparent)}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem;max-width:90%;padding:2rem 1rem}.about-container{flex-direction:column;margin:3vh 4vw;gap:2rem}.about,.education{width:100%;margin-bottom:0;padding:2rem 1.5rem}.languages-section{padding:20px 15px;margin:40px auto}.languages-grid{grid-template-columns:1fr;gap:20px}.section-title{font-size:2rem}.brief{margin:30px 4%;padding:25px 20px;font-size:1rem;text-align:left;line-height:1.7}.category-header{flex-direction:column;text-align:center;gap:10px}.category-icon{margin-right:0}.skills-container{justify-content:center}.tools-section{padding:30px 15px;margin:40px auto}.tools-grid{grid-template-columns:repeat(4,1fr);gap:15px}.tool-item{padding:15px 10px}.tool-icon{font-size:1.5rem}.tool-name{font-size:.8rem}}@media (max-width: 480px){.navbar{font-size:1rem}.section-title{font-size:1.6rem}.about-container{margin:2vh 3vw;gap:1.5rem}.about,.education{padding:1.2rem 1rem}.about h2,.education h2{font-size:1.2rem}.language-category{padding:18px 15px}.brief{margin:20px 3%;padding:20px 15px;font-size:.95rem}.skill-tag{padding:8px 14px;font-size:.8rem}.tools-grid{grid-template-columns:repeat(3,1fr);gap:12px}.tool-item{padding:12px 8px}.tool-icon{font-size:1.3rem}.tool-name{font-size:.75rem}}.experience-section{max-width:1400px;margin:80px auto;padding:40px 20px}.experience-timeline{position:relative;margin-top:50px}.experience-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#00d4ff,#667eea,var(--color-accent));transform:translate(-50%);box-shadow:0 0 10px #00d4ff80}.experience-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:80px;position:relative;min-height:220px;gap:60px}.experience-item:nth-child(2n){flex-direction:row-reverse}.experience-item:before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;background:#00d4ff;border-radius:50%;transform:translate(-50%,-50%);border:4px solid rgba(0,0,0,.8);box-shadow:0 0 20px #00d4ff99;z-index:10}.experience-date{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:25px 20px;background:#ffffff0d;border-radius:16px;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;height:140px}.experience-item:nth-child(2n) .experience-date{margin-right:0}.experience-date:hover{border-color:var(--color-border);box-shadow:0 10px 20px var(--color-border);transform:translateY(-5px)}.duration{display:block;font-size:1.3rem;font-weight:700;color:#00d4ff;margin-bottom:8px}.period{font-size:1rem;color:var(--color-accent);font-weight:500}.experience-content{flex:1;display:flex;flex-direction:column;justify-content:center;background:#ffffff0d;border-radius:20px;padding:35px;border:1px solid rgba(100,100,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;min-height:180px}.experience-item:nth-child(2n) .experience-content{margin-left:0}.experience-content:hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 20px 40px #0006;border-color:var(--color-border)}.company-name{font-size:1.5rem;font-weight:700;color:#00d4ff;margin-bottom:8px}.job-title{font-size:1.1rem;color:var(--color-accent);font-weight:600;display:block;margin-bottom:20px}.experience-description p{color:#e6e4e4;line-height:1.6;margin-bottom:20px;font-size:.95rem}.experience-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.4);padding:8px 16px;border-radius:20px;font-size:.8rem;color:#fff;font-weight:500;transition:all .3s ease}.tech-tag:hover{transform:translateY(-2px);border-color:#667eeab3;box-shadow:0 8px 20px #667eea4d}.volunteering-section{max-width:1400px;margin:80px auto;padding:40px 20px}.volunteer-container{margin-top:50px;display:flex;flex-direction:column;gap:40px}.volunteer-item{display:flex;align-items:flex-start;gap:30px;background:#ffffff0d;border-radius:20px;padding:35px;border:1px solid rgba(100,100,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;overflow:hidden;max-width:1000px;margin:0 auto}.volunteer-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4ff,#667eea,var(--color-accent));opacity:0;transition:opacity .3s ease}.volunteer-item:hover:before{opacity:1}.volunteer-item:hover{background:#ffffff14;transform:translateY(-8px);box-shadow:0 25px 50px #0006;border-color:var(--color-border)}.volunteer-icon{flex:0 0 80px;width:80px;height:80px;background:linear-gradient(135deg,#00d4ff,var(--color-accent));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 10px 30px #00d4ff4d;transition:all .3s ease}.volunteer-item:hover .volunteer-icon{transform:rotate(5deg) scale(1.05)}.volunteer-content{flex:1}.volunteer-title{font-size:1.5rem;font-weight:700;color:#00d4ff;margin-bottom:8px}.volunteer-org{font-size:1.1rem;color:var(--color-accent);font-weight:600;display:block;margin-bottom:5px}.volunteer-duration{font-size:.9rem;color:#b0b0b0;font-weight:500;margin-bottom:20px;display:block}.volunteer-description{color:#e6e4e4;line-height:1.6;margin-bottom:25px;font-size:.95rem}.volunteer-skills{display:flex;flex-wrap:wrap;gap:10px}.skill-badge{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.4);padding:8px 16px;border-radius:25px;font-size:.8rem;color:#fff;font-weight:600;transition:all .3s ease}.skill-badge:hover{transform:translateY(-2px);border-color:#667eeab3;box-shadow:0 8px 20px #667eea4d}@keyframes slideLeftExpand{0%{opacity:0;transform:translate(-100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideRightExpand{0%{opacity:0;transform:translate(100px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideUpRotate{0%{opacity:0;transform:translateY(50px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media (max-width: 1200px){.experience-date{flex:0 0 240px;margin-right:10px}.experience-item:nth-child(2n) .experience-date{margin-right:0;margin-left:10px}.experience-content{flex:0 0 420px;margin-left:40px}.experience-item:nth-child(2n) .experience-content{margin-left:0;margin-right:40px}.experience-item{gap:40px}}@media (max-width: 968px){.experience-timeline:before{left:20px}.experience-item{flex-direction:column!important;align-items:flex-start;padding-left:45px;min-height:auto;gap:20px;margin-bottom:60px}.experience-item:before{left:20px;top:60px;transform:translate(-50%)}.experience-date{flex:none;width:100%;max-width:none;height:auto;min-height:120px;padding:20px;margin-right:0;margin-left:0;box-sizing:border-box}.experience-content{width:100%;flex:none;max-width:none;padding:25px 20px;min-height:auto;margin-left:0;margin-right:0}.volunteer-item{flex-direction:column;gap:20px;padding:30px 20px;text-align:center}.volunteer-icon{flex:none;align-self:center}.volunteer-content{text-align:left}}@media (max-width: 480px){.experience-section,.volunteering-section{padding:20px 15px}.experience-timeline:before{left:15px}.experience-item{padding-left:35px;margin-bottom:50px}.experience-item:before{left:15px;width:16px;height:16px}.experience-content,.volunteer-item{padding:20px 15px}.company-name,.volunteer-title{font-size:1.3rem}.volunteer-icon{width:60px;height:60px;font-size:1.5rem}.experience-tech,.volunteer-skills{gap:6px}.tech-tag,.skill-badge{font-size:.75rem;padding:6px 12px}.experience-date{padding:15px 10px;max-width:none;min-height:100px;box-sizing:border-box}.duration{font-size:1.1rem}}html{scroll-behavior:smooth}main{flex:1;display:flex;flex-direction:column}.filter-button-container{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;margin:0 auto;flex-wrap:wrap;max-width:800px}.filter-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.2rem 2rem;min-width:120px;background:#0009;border:2px solid var(--color-border);border-radius:12px;color:#c8c8c8e6;font-family:Raleway,Trebuchet MS,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.filter-btn i{font-size:1.8rem;transition:all .3s ease}.filter-btn span{font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.filter-btn:hover{transform:translateY(-5px) scale(1.05);border-color:var(--color-border);box-shadow:0 8px 25px var(--color-border);color:var(--color-primary)}.filter-btn:hover i{transform:scale(1.2);color:var(--color-primary)}.filter-btn.active{background:linear-gradient(135deg,var(--color-border),var(--color-border));border-color:var(--color-border);color:var(--color-primary);box-shadow:0 0 20px var(--color-border),0 0 40px var(--color-border),inset 0 0 15px var(--color-border);animation:pulse-glow 2s ease-in-out infinite}.filter-btn.active i{color:var(--color-primary);text-shadow:0 0 10px var(--color-border)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-border),0 0 40px var(--color-border),inset 0 0 15px var(--color-border)}50%{box-shadow:0 0 30px var(--color-border),0 0 60px var(--color-border),inset 0 0 20px var(--color-border)}}.filter-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-border);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.filter-btn:active:before{width:300px;height:300px}@media (max-width: 768px){.filter-button-container{gap:.8rem;padding:1.5rem .5rem}.filter-btn{min-width:100px;padding:1rem 1.5rem}.filter-btn i{font-size:1.5rem}.filter-btn span{font-size:.8rem}}@media (max-width: 480px){.filter-button-container{gap:.6rem;padding:1rem .5rem}.filter-btn{min-width:70px;padding:.8rem 1rem;gap:.3rem}.filter-btn i{font-size:1.3rem}.filter-btn span{font-size:.7rem}}.filter-btn:focus-visible{outline:2px solid var(--color-border);outline-offset:3px}@media (prefers-reduced-motion: reduce){.filter-btn,.filter-btn i,.filter-btn:before{transition:none;animation:none}}.container{display:flex;flex-wrap:wrap;gap:30px;padding:20px;margin:2vh 1vh;justify-content:center;flex:1;min-height:60vh}.box{background-color:#212121;color:#e0e0e0;flex:1 1 calc(20% - 16px);margin:0;border-radius:12px;box-shadow:0 8px 12px #0003;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:16px;min-width:150px;max-width:300px;border:.5px solid rgb(36,0,0);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.box:hover{box-shadow:0 20px 40px var(--color-border),0 30px 60px var(--color-border),inset 0 0 20px var(--color-border);transform:translateY(-20px) scale(1.08) rotateX(5deg);border-color:var(--color-border);background:linear-gradient(135deg,#212121,#2a2a2a)}.box:before,.box:after{content:"";position:absolute;left:0;height:2px;width:100%;background-color:var(--color-border);transform:translate3d(-105%,0,0);transition:transform .8s cubic-bezier(.4,0,.2,1)}.box:before{top:0}.box:after{bottom:0}.box:hover:before,.box:hover:after{transform:translateZ(0)}.box>*:before,.box>*:after{content:"";position:absolute;top:0;z-index:9;height:100%;width:2px;background-color:var(--color-border);transform:translate3d(0,105%,0);transition:transform .8s cubic-bezier(.4,0,.2,1)}.box>*:before{left:0}.box>*:after{right:0;transform:translate3d(0,-105%,0)}.box:hover>*:before,.box:hover>*:after{transform:translateZ(0)}hr{display:block;margin-block-start:.5em;margin-block-end:.5em;margin-inline-start:auto;margin-inline-end:auto;border:none;border-top:3px solid black;width:100%;border-color:#a3a3a3}.box h1{margin:10px 0;color:#e7e6e6;font-size:1.4rem;font-weight:600;transition:all .3s ease}.box:hover h1{color:var(--color-primary);text-shadow:0 0 10px var(--color-border)}.box img{margin:10px 0;max-width:100%;height:200px;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);border-radius:8px}.box:hover img{transform:scale(1.15)}.box p{margin:4vh 0;font-family:Raleway,Trebuchet MS,sans-serif;color:#e7e7e7;letter-spacing:1px;transition:color .3s ease}.box:hover p{color:#fffffff2}@media (max-width: 768px){.box{flex:1 1 calc(50% - 16px)}}@media (max-width: 480px){.box{flex:1 1 calc(100% - 16px)}}.tag{background-color:#f0f0f0;padding:6px 12px;border-radius:5px;font-size:.85rem;font-weight:700;color:#333;margin:4px;display:inline-block;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.tag:hover{background:linear-gradient(135deg,var(--color-border),var(--color-border));color:#000;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--color-border),0 0 15px var(--color-border);border-color:var(--color-border)}.box:hover .tag{animation:tag-pulse 2s ease-in-out infinite}@keyframes tag-pulse{0%,to{box-shadow:0 2px 4px #0000001a}50%{box-shadow:0 4px 8px var(--color-border)}}.hidden{display:none}footer{margin-top:auto;padding:2rem 0;background:transparent;color:#fff;text-align:center;position:relative;overflow:hidden}.box{position:relative;overflow:hidden}.hover-buttons{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#000000b8;opacity:0;transition:opacity .3s ease-in-out;z-index:10}.box:hover .hover-buttons{opacity:1}.hover-button{padding:8px 12px;border-radius:5px;border:none;cursor:pointer;font-weight:700;transition:all .2s ease;display:flex;align-items:center;gap:5px;text-decoration:none;box-shadow:0 0 10px var(--color-border)}.github-button{background-color:#333;color:#fff}.github-button:hover{background-color:#24292e;transform:translateY(-2px)}.view-button{background-color:var(--color-border);color:#000}.box .view-button{position:static;transform:none;opacity:1;pointer-events:auto}.box .view-button:hover{background-color:var(--color-primary);transform:translateY(-2px)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;justify-content:center;align-items:center}.modal-content{background-color:#2f2f2f;border-radius:12px;width:80%;max-width:800px;position:relative;padding:20px;box-shadow:0 0 20px var(--color-border);border:1px solid var(--color-border);animation:modalFadeIn .3s ease-in-out}.close-button{position:absolute;top:10px;right:15px;color:#aaa;font-size:28px;font-weight:700;cursor:pointer;transition:color .2s}.close-button:hover{color:var(--color-primary)}#modal-title{color:#fff;text-align:center;margin-top:10px;font-family:Raleway,Trebuchet MS,sans-serif}.video-container{margin-top:20px;width:100%;display:flex;justify-content:center}#project-video{width:100%;max-height:70vh;border-radius:8px;box-shadow:0 5px 15px #0000004d}@media (max-width: 768px){.modal-content{width:90%;padding:15px}.hover-buttons{flex-direction:column;gap:5px}.container{gap:20px;padding:15px;margin:1vh .5vh}.particle{animation:float 20s infinite ease-in-out}.particle:nth-child(2n){animation-duration:30s}.particle:nth-child(3n){animation-duration:40s}.box{max-width:100%;min-width:0}.box h1{font-size:1.2rem}.box img{height:160px}.box p{margin:2vh 0;font-size:.9rem}.tag{font-size:.75rem;padding:4px 8px}}@media (max-width: 480px){.container{gap:15px;padding:10px}.box{padding:12px}.box h1{font-size:1rem}.box img{height:140px}.tag{font-size:.7rem;padding:3px 6px;margin:2px}.hover-button{padding:6px 10px;font-size:.85rem}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center;animation:pageReveal 1s ease forwards}.loader-text{font-family:Raleway,sans-serif;font-size:24px;color:var(--color-primary);margin-top:20px;opacity:0;animation:textReveal .8s ease forwards .3s}.loader-progress{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--color-border),var(--color-primary));animation:fillBar .8s ease forwards;box-shadow:0 0 10px var(--color-border)}.navbar{transform:translateY(-30px);opacity:0;animation:navbarAppear .6s ease forwards .6s}@keyframes navbarAppear{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.header-container{position:relative;opacity:0;animation:titleFadeIn .6s ease forwards .8s}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.box{opacity:0;transform:scale(.8) translateY(40px) rotateX(15deg);filter:blur(2px);transition:none}.box.reveal{opacity:1;transform:scale(1) translateY(0) rotateX(0);filter:blur(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.box.scroll-reveal{opacity:1;transform:scale(1) translateY(0) rotateX(0);filter:blur(0);transition:all .7s cubic-bezier(.25,.46,.45,.94)}.box.reveal:hover,.box.scroll-reveal:hover{box-shadow:5px 12px 20px var(--color-border);transform:scale(1.05)}.box.bounce-effect{transform:scale(1.02) translateY(0) rotateX(0)}.container{opacity:1;visibility:visible}.page-loading .box{opacity:0!important;transform:scale(.8) translateY(40px) rotateX(15deg)!important;filter:blur(2px)!important;transition:none!important}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{animation:modalSmoothEntry .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes modalSmoothEntry{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.box:nth-child(1){animation-delay:.1s}.box:nth-child(2){animation-delay:.2s}.box:nth-child(3){animation-delay:.3s}.box:nth-child(4){animation-delay:.4s}.box:nth-child(5){animation-delay:.5s}.box:nth-child(6){animation-delay:.6s}.box:hover{box-shadow:5px 12px 20px var(--color-border);transform:scale(1.05)}.modal-content{animation:modalFadeIn .4s ease forwards}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.no-projects-message{text-align:center;color:var(--color-primary);font-family:Raleway,Trebuchet MS,sans-serif;font-size:20px;margin-top:2rem}@media (max-width: 768px){.navbar{display:none}.mobile-menu-btn{display:block}.header-container{flex-direction:column;gap:1rem;padding:1rem;margin-top:4rem;margin-left:1rem}.heading h1{font-size:2rem}.container{grid-template-columns:1fr;padding:1rem;gap:1rem}.box{padding:15px}.box h1{font-size:1.2rem}}.hover-buttons.single-button{justify-content:center}.hover-buttons.single-button .github-button{margin:0}.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#00140ae6,#000000f2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:0;margin:0;animation:overlayFadeIn .3s ease;overflow:auto}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.project-modal{width:100%;max-width:900px;max-height:90vh;background:linear-gradient(180deg,#0f1912fa,#080f0afc);border:1px solid var(--color-primary, var(--color-border));border-radius:12px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #0009;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.project-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#00000080;border-bottom:1px solid var(--color-primary, var(--color-border))}.modal-header-left{display:flex;align-items:center;gap:.75rem}.modal-status-indicator{width:8px;height:8px;background:var(--color-primary, var(--color-secondary));border-radius:50%;box-shadow:0 0 10px var(--color-primary, var(--color-secondary));animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.modal-file-path{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#ffffff80;letter-spacing:.02em}.modal-header-controls{display:flex;gap:8px}.modal-control{width:14px;height:14px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;transition:all .2s ease}.modal-control.minimize{background:#ffbd2e}.modal-control.maximize{background:#28c840}.modal-control.close{background:#ff5f56}.modal-control:hover{transform:scale(1.2)}.modal-control i{font-size:7px;opacity:0;color:#0009;transition:opacity .2s ease}.modal-header-controls:hover .modal-control i{opacity:1}.project-modal-title{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.title-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary, var(--color-border));border:1px solid var(--color-primary, var(--color-border));border-radius:12px;color:var(--color-primary, var(--color-secondary));font-size:1.25rem;flex-shrink:0}.title-content h2{font-family:Raleway,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 .25rem;letter-spacing:-.02em}.title-subtitle{font-size:.8rem;color:#fff6}.project-modal-video{padding:1.5rem;background:#0000004d}.video-frame{position:relative;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #ffffff0d,inset 0 0 30px #00000080}.video-frame video{width:100%;max-height:60vh;display:block;border-radius:8px}.video-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,var(--color-primary, var(--color-border)) 0%,transparent 70%);pointer-events:none;z-index:-1}.project-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-top:1px solid var(--color-primary, var(--color-border));background:#0006}.footer-info{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#fff6}.footer-info i{margin-right:.4rem;color:var(--color-primary, var(--color-border))}.footer-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-family:Raleway,sans-serif;font-size:.8rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.footer-btn:hover{background:#ffffff1a;border-color:var(--color-primary, var(--color-border));color:#fff}.modal-corner{position:absolute;width:20px;height:20px;border:2px solid var(--color-primary, var(--color-border));pointer-events:none}.corner-tl{top:10px;left:10px;border-right:none;border-bottom:none}.corner-tr{top:10px;right:10px;border-left:none;border-bottom:none}.corner-bl{bottom:10px;left:10px;border-right:none;border-top:none}.corner-br{bottom:10px;right:10px;border-left:none;border-top:none}@media (max-width: 768px){.project-modal-overlay{padding:1rem}.project-modal{max-height:95vh}.project-modal-title{padding:1rem}.title-icon{width:40px;height:40px;font-size:1rem}.title-content h2{font-size:1.1rem}.project-modal-video{padding:1rem}.video-frame video{max-height:50vh}.modal-file-path,.modal-corner{display:none}}@media (prefers-reduced-motion: reduce){.project-modal-overlay,.project-modal,.modal-status-indicator{animation:none}}body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:transparent;font-family:Raleway,Trebuchet MS,sans-serif;overflow-x:hidden;position:relative;-webkit-user-select:none;user-select:none}@keyframes float{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-20px) translate(10px) rotate(5deg)}to{transform:translateY(0) translate(0) rotate(0)}}#particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:fixed;width:3px;height:3px;background:var(--color-border);border-radius:50%;box-shadow:0 0 10px 2px var(--color-border);animation:float 8s infinite ease-in-out;z-index:-1}.particle:nth-child(2n){width:2px;height:2px;background:#fff6;animation-duration:12s}.particle:nth-child(3n){width:4px;height:4px;background:var(--color-border);animation-duration:15s;animation-delay:2s}.navbar{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;border:.1rem solid rgba(210,207,207,.2);border-radius:1rem;margin:2% auto;padding:1% 3%;color:var(--color-primary);max-width:60%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;transition:all .3s ease}.navbar:hover{transform:translateY(-5px);box-shadow:0 15px 25px var(--color-border)}.nav-items,.home-button{text-decoration:none;color:inherit;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease}.nav-items:hover,.home-button:hover{color:#fff;transform:translateY(-3px);background:var(--color-border)}@keyframes shrinkPulse{0%,to{transform:scale(1)}50%{transform:scale(.85)}}.navbar .home-button,.sidebar .home-button{animation:shrinkPulse 1.5s ease-in-out infinite}.navbar .home-button:hover,.sidebar .home-button:hover{animation-play-state:paused;transform:scale(1)}@media (max-width: 768px){.sidebar .home-button{animation:shrinkPulse 1.2s ease-in-out infinite}}.certificates-container{max-width:1200px;margin:2rem auto;padding:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media (max-width: 1200px){.certificates-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.certificates-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.certificates-container{grid-template-columns:1fr}}.certificate-item{background-color:#ffffff1a;border-radius:8px;overflow:hidden;position:relative;transition:all .3s ease;box-shadow:0 4px 8px #0003}.certificate-item.reveal:hover,.certificate-item.scroll-reveal:hover{box-shadow:5px 12px 20px var(--color-border);transform:scale(1.05) translateY(0) rotateX(0)}.certificate-image{width:100%;height:200px;object-fit:cover;display:block;transition:opacity .3s ease}.certificate-item:hover .certificate-image{opacity:.2}.certificate-details{padding:1rem;transition:opacity .3s ease}.certificate-item:hover .certificate-details{opacity:.2}.certificate-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#fff}.certificate-description{font-size:.9rem;color:#ccc;line-height:1.5}.view-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-border);color:#000;padding:.5rem 1rem;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .3s ease;cursor:pointer;border:none;font-family:Raleway,sans-serif;font-weight:700;box-shadow:0 0 10px var(--color-border);z-index:10}@keyframes blink{0%{opacity:1}10%{opacity:.9}15%{opacity:.8}20%{opacity:.7}25%{opacity:.6}30%{opacity:.5}35%{opacity:.4}40%{opacity:.3}45%{opacity:.2}48%{opacity:.1}51%{opacity:0}55%{opacity:.1}60%{opacity:.2}65%{opacity:.3}70%{opacity:.4}75%{opacity:.5}80%{opacity:.6}85%{opacity:.7}90%{opacity:.8}95%{opacity:.9}to{opacity:1}}.certificate-item:hover .view-button{opacity:1;pointer-events:auto}.certificate-item .view-button:hover{background-color:var(--color-primary);transform:translate(-50%,-50%) translateY(-2px)}.modal{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:#000000e6;overflow:auto;justify-content:center;align-items:center}.modal-content{position:relative;background-color:#2f2f2f;border-radius:12px;max-width:90%;max-height:90%;margin:auto;padding:20px;box-shadow:0 0 20px var(--color-border);border:1px solid var(--color-border);animation:modalFadeIn .3s ease-in-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-image{width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.close-modal{position:absolute;top:10px;right:20px;color:#aaa;font-size:2rem;font-weight:700;cursor:pointer;transition:color .2s}.close-modal:hover{color:var(--color-primary)}.page-title{text-align:center;color:#fff;margin:1rem 0;font-size:2.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px var(--color-border)}footer{margin-top:2vh;padding:2rem 0;background:transparent;color:#fff;text-align:center;position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:3px;background:linear-gradient(to right,transparent,transparent 5%,var(--color-border) 10%,var(--color-primary) 50%,var(--color-border) 90%,transparent 95%,transparent);border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:0 0 10px var(--color-border)}.footer-content{max-width:600px;margin:0 auto;position:relative;z-index:10}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center;animation:pageReveal .8s cubic-bezier(.19,1,.22,1) forwards}.loader-content{display:flex;flex-direction:column;align-items:center}.loader-text{font-family:Raleway,sans-serif;font-size:24px;color:var(--color-primary);margin-top:20px;opacity:0;animation:textReveal 1s ease forwards .5s}.loader-bar{width:200px;height:3px;background:#282828cc;border-radius:3px;overflow:hidden;position:relative}.loader-progress{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--color-border),var(--color-primary));animation:fillBar .8s cubic-bezier(.19,1,.22,1) forwards;box-shadow:0 0 10px var(--color-border)}@keyframes fillBar{0%{width:0}to{width:100%}}@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pageReveal{0%{opacity:1}70%{opacity:1}to{opacity:0;visibility:hidden}}.navbar{transform:translateY(-50px);opacity:0;animation:navbarAppear .8s cubic-bezier(.34,1.56,.64,1) forwards .2s}@keyframes navbarAppear{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.page-title{position:relative;opacity:0;animation:titleFadeIn .8s ease forwards .3s;overflow:hidden}.page-title:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-border),transparent);transform:translate(-100%);animation:titleSweep 1.5s ease forwards .5s}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.certificate-item{opacity:0;transform:scale(.8) translateY(40px) rotateX(15deg);filter:blur(2px);transition:none}.certificate-item.reveal{opacity:1;transform:scale(1) translateY(0) rotateX(0);filter:blur(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.certificate-item:nth-child(1).reveal{animation-delay:.1s}.certificate-item:nth-child(2).reveal{animation-delay:.2s}.certificate-item:nth-child(3).reveal{animation-delay:.3s}.certificate-item:nth-child(4).reveal{animation-delay:.4s}.certificate-item:nth-child(5).reveal{animation-delay:.5s}.certificate-item:nth-child(6).reveal{animation-delay:.6s}.certificate-item:nth-child(7).reveal{animation-delay:.7s}.certificate-item:nth-child(8).reveal{animation-delay:.8s}.certificate-item.scroll-reveal{opacity:1;transform:scale(1) translateY(0) rotateX(0);filter:blur(0);transition:all .7s cubic-bezier(.25,.46,.45,.94)}@media (max-width: 768px){.navbar{display:none}.mobile-menu-btn{display:block}.header-container{flex-direction:column;gap:1rem;padding:1rem;margin-top:4rem;margin-left:1rem}.heading h1{font-size:2rem}.container{grid-template-columns:1fr;padding:1rem;gap:1rem}.box{padding:15px}.box h1{font-size:1.2rem}.page-title{font-size:1.8rem;letter-spacing:1px;margin:.8rem 0}.certificates-container{padding:.8rem;gap:1.5rem;margin:1rem auto}.certificate-item{min-height:auto}.certificate-title{font-size:1rem}.certificate-description{font-size:.85rem}.view-button{padding:8px 16px;font-size:.9rem}.modal-content{max-width:95%;padding:15px}.close-modal{font-size:1.5rem;top:5px;right:15px}}@media (max-width: 480px){.sidebar{width:240px;left:-240px}.mobile-menu-btn{left:15px;top:15px;padding:10px}.hamburger{width:20px;height:16px}.heading h1{font-size:1.5rem}.sidebar .nav-items{padding:14px 20px;font-size:.95rem}.sidebar .home-button{margin:15px 20px;padding:10px 14px;font-size:.9rem}}@media (max-width: 320px){.sidebar{width:200px;left:-200px}.sidebar .nav-items{padding:12px 18px;font-size:.9rem}.sidebar .home-button{margin:12px 18px;padding:8px 12px;font-size:.85rem}}.sidebar .nav-items{scroll-behavior:smooth}.mobile-menu-btn:focus,.sidebar .nav-items:focus,.sidebar .home-button:focus,.sidebar-close:focus{outline:2px solid var(--color-border);outline-offset:2px}.sidebar.active .nav-items,.sidebar.active .home-button{animation:slideInLeft .3s ease forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mobile-menu-btn{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:linear-gradient(135deg,var(--color-border),var(--color-border));border:2px solid var(--color-border);border-radius:16px;padding:14px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px var(--color-border);transform:scale(1)}.mobile-menu-btn:hover{background:linear-gradient(135deg,var(--color-border),var(--color-border));border-color:var(--color-border);transform:scale(1.05);box-shadow:0 12px 40px var(--color-border)}.mobile-menu-btn:active{transform:scale(.95)}.hamburger{width:24px;height:20px;position:relative;cursor:pointer}.hamburger span{display:block;width:100%;height:2.5px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));margin:4px 0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center;border-radius:2px;box-shadow:0 2px 4px var(--color-border)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scale(0) rotate(180deg)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.sidebar{position:fixed;top:0;left:-320px;width:300px;height:100vh;background:linear-gradient(145deg,#000000f2,#141414fa);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-right:1px solid var(--color-border);transition:left .5s cubic-bezier(.175,.885,.32,1.275);z-index:1000;display:flex;flex-direction:column;padding:0;box-shadow:15px 0 50px var(--color-border);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar.active{left:0}.sidebar-header{padding:30px 25px 20px;border-bottom:1px solid var(--color-border);position:relative;background:linear-gradient(135deg,var(--color-border),transparent)}.sidebar-brand{font-size:1.4rem;font-weight:700;color:var(--color-primary);text-decoration:none;display:block;margin-bottom:8px;transition:all .3s ease}.sidebar-brand:hover{color:var(--color-primary);text-shadow:0 0 10px var(--color-border)}.sidebar-subtitle{font-size:.85rem;color:#fff9;font-weight:400}.sidebar-nav{flex:1;padding:20px 0}.sidebar .nav-items{display:flex;align-items:center;padding:18px 25px;color:#fffc;text-decoration:none;font-weight:500;font-size:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border-left:3px solid transparent;position:relative;overflow:hidden;margin:4px 0}.sidebar .nav-items:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,var(--color-border),var(--color-border));transition:width .4s cubic-bezier(.175,.885,.32,1.275);z-index:-1}.sidebar .nav-items:after{content:"";position:absolute;right:25px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--color-primary);border-radius:50%;opacity:0;transition:all .3s ease}.sidebar .nav-items:hover{color:#fff;border-left-color:var(--color-primary);padding-left:35px;background:var(--color-border)}.sidebar .nav-items:hover:before{width:100%}.sidebar .nav-items:hover:after{opacity:1}.sidebar .nav-items:active{transform:translate(4px)}.sidebar .home-button{margin:20px 25px 30px;padding:15px 20px;text-align:center;background:linear-gradient(135deg,var(--color-border),var(--color-border));border:2px solid var(--color-border);border-radius:12px;color:var(--color-primary);text-decoration:none;font-weight:600;font-size:1rem;display:block;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.sidebar .home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.sidebar .home-button:hover:before{left:100%}.sidebar .home-button:hover{background:linear-gradient(135deg,var(--color-border),var(--color-border));border-color:var(--color-border);transform:translateY(-2px);color:#fff;box-shadow:0 8px 25px var(--color-border)}.sidebar .home-button:active{transform:translateY(0)}.sidebar-close{position:absolute;top:25px;right:25px;width:35px;height:35px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#ffffffb3;font-size:18px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-close:hover{background:#f003;border-color:#f006;transform:scale(1.1) rotate(90deg);color:#f44}.sidebar-close:active{transform:scale(.95) rotate(90deg)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:999;opacity:0;visibility:hidden;transition:all .4s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar.active .nav-items,.sidebar.active .home-button{animation:slideInLeft .4s ease forwards}.sidebar.active .nav-items:nth-child(1){animation-delay:.1s}.sidebar.active .nav-items:nth-child(2){animation-delay:.2s}.sidebar.active .nav-items:nth-child(3){animation-delay:.3s}.sidebar.active .nav-items:nth-child(4){animation-delay:.4s}.sidebar.active .nav-items:nth-child(5){animation-delay:.5s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.mobile-menu-btn{display:block}.sidebar{width:280px;left:-280px}}@media (max-width: 480px){.sidebar{width:260px;left:-260px}.mobile-menu-btn{left:15px;top:15px;padding:12px}.hamburger{width:22px;height:18px}.sidebar .nav-items{padding:16px 20px;font-size:.95rem}.sidebar .home-button{margin:15px 20px 25px;padding:12px 16px;font-size:.9rem}}.mobile-menu-btn:focus,.sidebar .nav-items:focus,.sidebar .home-button:focus,.sidebar-close:focus{outline:2px solid var(--color-border);outline-offset:3px}.sidebar-footer{padding:20px 25px;border-top:1px solid var(--color-border);background:linear-gradient(135deg,transparent,var(--color-border))}.sidebar-footer-text{font-size:.75rem;color:#fff6;text-align:center}body.sidebar-open{overflow:hidden}@media (prefers-color-scheme: dark){.sidebar{background:linear-gradient(145deg,#000000fa,#0f0f0ffa);box-shadow:15px 0 50px var(--color-border)}}.sidebar a{display:flex;align-items:center;gap:10px;padding:10px;text-decoration:none;color:#fff;transition:background .3s}.sidebar a:hover{background-color:#333;border-radius:5px}@media (max-width: 768px){.page-title{font-size:2rem;margin:1rem 0;padding:0 1rem}.certificates-container{margin:1rem auto;padding:1rem;gap:1.5rem}.certificate-item{background-color:#ffffff26;border-radius:12px;box-shadow:0 6px 12px #0000004d}.certificate-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0006}.certificate-image{height:180px}.certificate-details{padding:1rem}.certificate-title{font-size:1.1rem;margin-bottom:.5rem}.certificate-description{font-size:.85rem;line-height:1.4}.view-button{padding:.6rem 1.2rem;font-size:.9rem;border-radius:6px}.modal-content{max-width:95%;max-height:85%;padding:15px;margin:5% auto}.modal-image{max-height:75vh}.close-modal{top:5px;right:15px;font-size:1.8rem}.particle{animation-duration:10s}footer{padding:1.5rem 0}footer:before{width:90%;height:2px}}@media (max-width: 600px){.page-title{font-size:1.8rem;letter-spacing:1px}.certificates-container{gap:1rem;padding:.5rem}.certificate-item{border-radius:10px}.certificate-image{height:160px}.certificate-details{padding:.8rem}.certificate-title{font-size:1rem}.certificate-description{font-size:.8rem}.view-button{padding:.5rem 1rem;font-size:.85rem}.certificate-item{-webkit-tap-highlight-color:transparent}.certificate-item:active{transform:scale(.98);transition:transform .1s}}@media (max-width: 480px){.page-title{font-size:1.6rem;padding:0 .5rem}.certificates-container{padding:.5rem;margin:.5rem auto}.certificate-item{border-radius:8px}.certificate-image{height:140px}.certificate-details{padding:.7rem}.certificate-title{font-size:.95rem;margin-bottom:.4rem}.certificate-description{font-size:.75rem;line-height:1.3}.view-button{padding:.4rem .8rem;font-size:.8rem}.modal-content{max-width:98%;max-height:90%;padding:10px}.close-modal{top:2px;right:10px;font-size:1.5rem}.particle:nth-child(n+40){display:none}}@media (max-width: 320px){.page-title{font-size:1.4rem}.certificate-image{height:120px}.certificate-details{padding:.6rem}.certificate-title{font-size:.9rem}.certificate-description{font-size:.7rem}.view-button{padding:.3rem .6rem;font-size:.75rem}.particle:nth-child(n+25){display:none}}@media (hover: none) and (pointer: coarse){.certificate-item .view-button{opacity:.8;pointer-events:auto;position:relative;top:auto;left:auto;transform:none;margin-top:.5rem;display:block;width:fit-content;margin-left:auto;margin-right:auto}.certificate-item:hover .certificate-image,.certificate-item:hover .certificate-details{opacity:1}.certificate-item .view-button:active{opacity:1;transform:scale(.95)}.certificate-item{transform:none!important}}@media (max-width: 768px) and (orientation: landscape){.certificates-container{grid-template-columns:repeat(2,1fr)}.certificate-image{height:120px}.page-title{font-size:1.5rem;margin:.5rem 0}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.certificate-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.certificate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#00140ae6,#000000f2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:0;margin:0;animation:certOverlayFadeIn .3s ease;overflow:auto}@keyframes certOverlayFadeIn{0%{opacity:0}to{opacity:1}}.certificate-modal{width:100%;max-width:900px;max-height:90vh;background:linear-gradient(180deg,#0f1912fa,#080f0afc);border:1px solid var(--color-primary, var(--color-border));border-radius:12px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #0009;animation:certModalSlideIn .8s cubic-bezier(.16,1,.3,1)}@keyframes certModalSlideIn{0%{opacity:0;transform:scale(.3);filter:blur(10px)}50%{opacity:.8;filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.cert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#00000080;border-bottom:1px solid var(--color-primary, var(--color-border))}.cert-header-left{display:flex;align-items:center;gap:.75rem}.cert-status-indicator{width:8px;height:8px;background:var(--color-primary, var(--color-secondary));border-radius:50%;box-shadow:0 0 10px var(--color-primary, var(--color-secondary));animation:certStatusPulse 2s ease-in-out infinite}@keyframes certStatusPulse{0%,to{opacity:1}50%{opacity:.4}}.cert-file-path{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;color:#ffffff80;letter-spacing:.02em}.cert-header-controls{display:flex;gap:8px}.cert-control{width:14px;height:14px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;transition:all .2s ease}.cert-control.minimize{background:#ffbd2e}.cert-control.maximize{background:#28c840}.cert-control.close{background:#ff5f56}.cert-control:hover{transform:scale(1.2)}.cert-control i{font-size:7px;opacity:0;color:#0009;transition:opacity .2s ease}.cert-header-controls:hover .cert-control i{opacity:1}.cert-modal-title{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.cert-title-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary, var(--color-border));border:1px solid var(--color-primary, var(--color-border));border-radius:12px;color:var(--color-primary, var(--color-secondary));font-size:1.25rem;flex-shrink:0}.cert-title-content h2{font-family:Raleway,sans-serif;font-size:1.35rem;font-weight:700;color:#fff;margin:0 0 .25rem;letter-spacing:-.02em}.cert-title-subtitle{font-size:.8rem;color:#fff6}.cert-modal-image{padding:1.5rem;background:#0000004d;display:flex;justify-content:center;align-items:center}.cert-image-frame{position:relative;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #ffffff0d,inset 0 0 30px #00000080}.cert-image-frame img{max-width:100%;max-height:60vh;display:block;border-radius:8px;object-fit:contain}.cert-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;border-top:1px solid var(--color-primary, var(--color-border));background:#0006}.cert-footer-info{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#fff6}.cert-footer-info i{margin-right:.4rem;color:var(--color-primary, var(--color-border))}.cert-footer-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-family:Raleway,sans-serif;font-size:.8rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.cert-footer-btn:hover{background:#ffffff1a;border-color:var(--color-primary, var(--color-border));color:#fff}.cert-corner{position:absolute;width:20px;height:20px;border:2px solid var(--color-primary, var(--color-border));pointer-events:none}.cert-corner.corner-tl{top:10px;left:10px;border-right:none;border-bottom:none}.cert-corner.corner-tr{top:10px;right:10px;border-left:none;border-bottom:none}.cert-corner.corner-bl{bottom:10px;left:10px;border-right:none;border-top:none}.cert-corner.corner-br{bottom:10px;right:10px;border-left:none;border-top:none}@media (max-width: 768px){.certificate-modal-overlay{padding:1rem}.certificate-modal{max-height:95vh}.cert-modal-title{padding:1rem}.cert-title-icon{width:40px;height:40px;font-size:1rem}.cert-title-content h2{font-size:1.1rem}.cert-modal-image{padding:1rem}.cert-image-frame img{max-height:50vh}.cert-file-path,.cert-corner{display:none}}@media (prefers-reduced-motion: reduce){.certificate-modal-overlay,.certificate-modal,.cert-status-indicator{animation:none}}html,*{scroll-behavior:smooth}body{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.box,.certificate-item,.profile-container,.nav-items,.sidebar,.modal-content,.tool-item,.skill-tag{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.box,.certificate-item,.nav-items,.tool-item{will-change:transform,opacity}.box:not(:hover),.certificate-item:not(:hover){will-change:auto}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.box,.certificate-item,.nav-items{transition-property:transform,opacity,box-shadow;transition-duration:.3s}.box,.certificate-item{contain:layout style}main{contain:layout}img{will-change:transform}.box img,.certificate-image,.profile{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.holographic-overlay,.particle,.cursor-trail{transform:translateZ(0);will-change:transform}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:var(--color-primary, var(--color-border));border-radius:6px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-primary, var(--color-border))}.loading-container{will-change:opacity;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}main>div{will-change:transform,opacity}.modal,.modal-content{transform:translateZ(0);will-change:transform,opacity}.particle{pointer-events:none;will-change:transform,opacity;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.particle{display:none}.box:hover,.certificate-item:hover{transform:translateY(-5px) scale(1.02)}}.navbar,.sidebar,.footer{contain:layout style}.box,.certificate-item,.nav-items{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cursor,.cursor-trail,.custom-cursor{pointer-events:none;will-change:transform;transform:translateZ(0)}:root{transition:all .5s cubic-bezier(.4,0,.2,1)}.box:before,.box:after,.certificate-item:before,.certificate-item:after{will-change:opacity,transform;transform:translateZ(0)}.container,.certificates-container,.tools-grid{contain:layout}.box.loaded{opacity:0;filter:blur(20px);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);animation:liquidReveal 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes liquidReveal{0%{opacity:0;filter:blur(20px) brightness(.5);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);transform:perspective(1000px) rotateY(0)}30%{opacity:.3;filter:blur(15px) brightness(.7);clip-path:polygon(30% 30%,70% 30%,70% 70%,30% 70%)}60%{opacity:.7;filter:blur(5px) brightness(.9);clip-path:polygon(10% 10%,90% 10%,90% 90%,10% 90%)}to{opacity:1;filter:blur(0px) brightness(1);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:perspective(1000px) rotateY(0)}}.box.loaded:nth-child(1){animation-delay:0s}.box.loaded:nth-child(2){animation-delay:.08s}.box.loaded:nth-child(3){animation-delay:.16s}.box.loaded:nth-child(4){animation-delay:.24s}.box.loaded:nth-child(5){animation-delay:.32s}.box.loaded:nth-child(6){animation-delay:.4s}.box.loaded:nth-child(7){animation-delay:.48s}.box.loaded:nth-child(8){animation-delay:.56s}.box.loaded:nth-child(9){animation-delay:.64s}.box.loaded:nth-child(10){animation-delay:.72s}.box.glitch-reveal{animation:glitchReveal .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes glitchReveal{0%{opacity:0;filter:blur(10px);transform:translate(-20px)}20%{opacity:.3;filter:blur(8px);transform:translate(15px)}40%{opacity:.5;filter:blur(4px);transform:translate(-10px)}60%{opacity:.7;filter:blur(2px);transform:translate(5px)}80%{opacity:.9;filter:blur(1px);transform:translate(-2px)}to{opacity:1;filter:blur(0px);transform:translate(0)}}.box.ripple-reveal{animation:rippleReveal 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes rippleReveal{0%{opacity:0;filter:blur(15px);transform:scale(.3) rotate(45deg);border-radius:50%}50%{opacity:.6;filter:blur(5px);transform:scale(1.05) rotate(5deg);border-radius:25%}to{opacity:1;filter:blur(0px);transform:scale(1) rotate(0);border-radius:12px}}.box.particle-reveal{animation:particleReveal 1.2s ease-out forwards}@keyframes particleReveal{0%{opacity:0;filter:blur(30px) saturate(0);transform:translateY(30px);box-shadow:0 0 rgba(var(--color-primary-rgb),0),inset 0 0 100px #fffc}40%{filter:blur(15px) saturate(.5);box-shadow:0 10px 40px rgba(var(--color-primary-rgb),.3),inset 0 0 50px #fff6}70%{opacity:.8;filter:blur(5px) saturate(.8)}to{opacity:1;filter:blur(0px) saturate(1);transform:translateY(0);box-shadow:0 8px 12px #0003,inset 0 0 #fff0}}.box img{animation:contentFadeIn .6s ease-out .3s both}.box h2,.box p{animation:contentSlideIn .5s ease-out both}.box h2{animation-delay:.4s}.box p{animation-delay:.5s}@keyframes contentFadeIn{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0px)}}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.box-placeholder{min-height:400px;background:transparent}.header-container{display:flex;justify-content:space-between;align-items:center;position:relative;margin:2rem auto;max-width:90%}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.bounce-effect{animation:bounce .15s ease-in-out}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.page-loading *{animation-play-state:paused!important}.loader-percentage{font-family:Raleway,sans-serif;font-size:18px;color:var(--color-border);margin-top:10px;opacity:0;animation:textReveal .8s ease forwards .5s}.no-projects-message{text-align:center;color:var(--color-primary);font-family:Raleway,Trebuchet MS,sans-serif;font-size:1.5rem;margin:4rem auto;padding:3rem;background:var(--color-border);border:2px solid var(--color-border);border-radius:16px;max-width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-projects-message h3{font-size:1.8rem;margin-bottom:1rem;color:var(--color-primary);text-shadow:0 0 20px var(--color-border)}.no-projects-message p{font-size:1.1rem;color:#fffc;margin:0}