#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--bg: #ffffff;--text: #000000;--primary: #0044ff;--pixel-font: "Press Start 2P", cursive;--retro-font: "VT323", monospace;--body-font: "Poppins", sans-serif;--border: 5px solid #000;--shadow: 8px 8px 0px #000}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);background-image:radial-gradient(#000 1.2px,transparent 1.2px);background-size:30px 30px;background-attachment:fixed;color:var(--text);font-family:var(--body-font)}.mobile-header{position:fixed;top:0;left:0;width:100%;height:75px;background:#fff;border-bottom:var(--border);display:none;justify-content:space-between;align-items:center;padding:0 20px;z-index:2000}.side-nav{position:fixed;left:25px;top:50%;transform:translateY(-50%);z-index:1000;background:#fff;border:var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:22px;box-shadow:var(--shadow)}.side-nav a{font-size:1.5rem;color:#000;text-decoration:none;transition:.3s}.side-nav a:hover{color:var(--primary);transform:scale(1.15)}.menu-btn{display:flex;align-items:center;gap:10px;font-family:var(--pixel-font);font-size:.6rem;cursor:pointer;background:#000;color:#fff;padding:10px 15px}.mobile-menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#fffffffa;z-index:2500;transition:.5s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.mobile-menu.active{left:0}.mobile-menu a{font-family:var(--pixel-font);font-size:1rem;text-decoration:none;color:#000}.slider-box{position:relative;height:420px;width:100%;display:flex;align-items:center;justify-content:center;perspective:1400px;overflow:hidden}.slide{position:absolute;width:420px;height:300px;background:#000;border:6px solid #000;box-shadow:var(--shadow);overflow:hidden;transition:.6s ease;opacity:0}.slide img{width:100%;height:100%;object-fit:cover;display:block}.slide-caption{position:absolute;bottom:0;left:0;width:100%;padding:12px 10px;font-family:var(--pixel-font);font-size:.6rem;color:#fff;text-align:center;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 20px #0009;z-index:5}.slide.active{opacity:1;transform:translateZ(220px);z-index:10;border-color:var(--primary)}.slide.prev{opacity:.45;transform:translate(-340px) rotateY(40deg) scale(.82);z-index:5}.slide.next{opacity:.45;transform:translate(340px) rotateY(-40deg) scale(.82);z-index:5}@media(max-width:1024px){.slide{width:260px;height:190px}.slide.prev{opacity:.5;transform:translate(-110px) rotateY(25deg) scale(.85);z-index:5}.slide.next{opacity:.5;transform:translate(110px) rotateY(-25deg) scale(.85);z-index:5}.slide-caption{font-size:.5rem;padding:8px}.slider-box{overflow:visible}.slider-box{perspective:900px}}.skill-item{margin-bottom:30px}.skill-info{display:flex;justify-content:space-between;font-family:var(--pixel-font);font-size:.7rem;margin-bottom:12px}.bar-bg{width:100%;height:30px;background:#eee;border:4px solid #000}.bar-fill{height:100%;background:var(--primary)}section{padding:80px 8% 80px 160px;min-height:auto;margin-bottom:60px;border-bottom:3px solid #000;display:flex;flex-direction:column;justify-content:center}.label{display:inline-block;background:#000;color:#fff;padding:8px 16px;font-family:var(--pixel-font);font-size:.6rem;margin-bottom:25px;box-shadow:5px 5px 0 var(--primary)}.section-title{font-family:var(--pixel-font);font-size:2rem;margin-bottom:35px;text-transform:uppercase;max-width:100%}.hero-flex{display:flex;align-items:center;justify-content:space-between;gap:50px;flex-wrap:wrap}.hero-text{flex:1;min-width:300px;text-align:left}.hero-text h1,.hero-text h2,.hero-text p{text-align:left}.image-pixel-border{width:300px;height:300px;border:var(--border);background:#eee;box-shadow:var(--shadow);overflow:hidden;flex-shrink:0}.image-pixel-border img{width:100%;height:100%;object-fit:cover}.btn-main{display:inline-block;padding:14px 32px;background:var(--primary);color:#fff;font-family:var(--pixel-font);font-size:.8rem;text-decoration:none;border:4px solid #000;box-shadow:6px 6px #000;transition:.2s;margin-top:25px}.btn-main:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #000}.grid-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px}.grid-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{border:var(--border);padding:18px 20px;box-shadow:var(--shadow);background:#fff;color:#000;transition:.3s;display:flex;flex-direction:column;text-align:left}.card:hover{transform:translate(-5px,-5px);box-shadow:15px 15px 0 var(--primary)}.gallery-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.gallery-item{border:var(--border);background:#fff;box-shadow:var(--shadow)}.gallery-img{width:100%;height:210px;object-fit:cover;border-bottom:var(--border)}.c-card.linkedin:hover{background:#0077b5;color:#fff;text-decoration:none}.c-card.github:hover{background:#333;color:#fff}.c-card.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}footer{margin-top:80px;padding:50px 8%;background:#000;color:#fff;text-align:center;font-family:var(--pixel-font);font-size:.6rem;border-top:5px solid #000}@media(max-width:1024px){section{padding:90px 24px 70px;text-align:center}.hero-text,.hero-text h1,.hero-text h2,.hero-text p{text-align:left}.hero-flex{flex-direction:column-reverse}.image-pixel-border{width:240px;height:240px;margin:0 auto}.side-nav{display:none}.mobile-header{display:flex}.grid-pair,.grid-triple{grid-template-columns:1fr}.slide{width:260px;height:190px}}