:root{--bg: #030306;--panel: #08080a;--primary: #8a2be2;--secondary: #00ffc6;--text: #eef2f5;--muted: #a0a8b3;--neon-purple: #a020f0;--neon-cyan: #00ffff;--neon-magenta: #ff00d6;--neon-lime: #39ff14}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.5}a{text-decoration:none;color:inherit}ul{list-style:none}.btn{display:inline-block;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;text-align:center}.btn.neon{background:var(--neon-cyan);color:#000;box-shadow:0 0 15px #0ff6}.btn.neon:hover{box-shadow:0 0 25px #0ff9;transform:translateY(-2px)}.btn.outline{border:1px solid var(--neon-cyan);color:var(--neon-cyan)}.btn.outline:hover{background:#00ffff1a}.nav-wrap{position:fixed;top:0;width:100%;z-index:1000;background:#030306d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.progress-bar{position:absolute;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));z-index:1001;transition:width .1s ease-out}.nav{max-width:1200px;margin:0 auto;padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo a{font-size:1.5rem;font-weight:800;letter-spacing:2px;color:var(--text);background:linear-gradient(45deg,#fff,var(--neon-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav ul{display:flex;gap:2.5rem}.nav ul li a{font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--muted);transition:all .3s ease;position:relative}.nav ul li a:hover,.nav ul li a.active{color:var(--neon-cyan)}.active-nav-indicator{position:absolute;top:-4px;right:-12px;bottom:-4px;left:-12px;background:#00ffff14;border:1px solid rgba(0,255,255,.2);border-radius:20px;z-index:-1;box-shadow:0 0 15px #00ffff1a}.nav ul li a{position:relative;z-index:1}.section{padding:80px 28px;max-width:1100px;margin:0 auto}.section h3{font-size:20px;margin:0 0 18px;color:var(--neon-magenta)}.section p{color:var(--muted)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}.skill label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.bar{background:#ffffff08;height:12px;border-radius:8px;overflow:hidden}.fill{height:100%;width:var(--w, 0%);background:linear-gradient(90deg,var(--neon-cyan),var(--neon-lime));transform-origin:left;transition:width 1.1s cubic-bezier(.2,.9,.2,1)}.about.reveal .fill{width:var(--w, 70%)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.service-card{padding:18px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border:1px solid rgba(255,255,255,.04);transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 14px 40px #8a2be20f;border-color:var(--neon-purple)}.card-cta{display:inline-block;margin-top:10px;color:var(--neon-cyan);text-decoration:underline}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.proj-wrapper{position:relative}.proj-card{padding:18px;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent);position:relative;cursor:pointer;overflow:visible;border:1px solid rgba(255,255,255,.03);transition:transform .18s ease,box-shadow .18s,border-color .3s;min-height:140px}.proj-card:hover{transform:scale(1.03);box-shadow:0 18px 50px #00ffc60f;border-color:var(--neon-cyan)}.proj-card.active{border-color:var(--neon-magenta);box-shadow:0 18px 50px #ff00d61f;z-index:10}.proj-card .shape{position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:12px;background:linear-gradient(135deg,var(--neon-magenta),var(--neon-cyan));opacity:.06;transform:rotate(18deg);transition:opacity .3s}.proj-card.active .shape{opacity:.12}.proj-card h4{position:relative;z-index:2;margin:0}.proj-card .tags span{margin-right:8px;font-size:12px;color:var(--muted)}.proj-details{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;max-width:320px;padding:18px;border-radius:10px;background:linear-gradient(180deg,#08080afa,#0b0b0cf2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(138,43,226,.4);box-shadow:0 20px 60px #8a2be24d;animation:details-expand .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center center;z-index:20}.proj-details p{margin:0 0 14px;color:#dfe7ee;line-height:1.6;font-size:14px}.proj-details .btn{font-size:13px;padding:8px 14px;margin-top:8px}@keyframes details-expand{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:12px;align-items:flex-start}.timeline-item .dot{width:10px;height:10px;border-radius:50%;background:var(--neon-magenta);box-shadow:0 0 12px #ff00d61f;margin-top:6px}.timeline-item .info time{display:block;color:var(--muted);font-size:13px}.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}.contact-form label{display:block;margin-bottom:12px}.contact-form input,.contact-form textarea{width:100%;padding:10px;border-radius:6px;background:#050506;border:1px solid rgba(255,255,255,.03);color:var(--muted)}.btn.submit{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border:0}.btn.submit.sending{transform:translateY(2px);opacity:.9}.mini-matrix{height:120px;background:linear-gradient(180deg,rgba(0,255,198,.02),transparent);border-radius:8px}.footer{padding:28px;text-align:center;color:var(--muted);border-top:1px solid rgba(255,255,255,.02)}.hero-transition-section{height:300vh;position:relative}.sticky-wrapper{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-inner{position:relative;z-index:2;text-align:center;max-width:800px}.glitch-title{font-size:3.5rem;margin-bottom:20px;color:#fff}.subtitle{font-size:1.5rem;color:var(--neon-cyan);margin-bottom:30px;height:1.5em}.hero-cta{margin-bottom:30px;font-size:1.1rem;color:var(--muted)}.hero-actions{display:flex;gap:20px;justify-content:center}.about-emerge-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.about-services-transition-container{height:400vh;position:relative;background:var(--bg)}.flip-scene{perspective:2500px;transform-style:preserve-3d}.flip-slice{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.flip-face.back{transform:rotateY(180deg)}.about-services-transition-container .section{width:100vw;height:100vh;max-width:none;margin:0;padding:80px;background:var(--bg)}.no-transition{transform:none!important;opacity:1!important;pointer-events:auto!important}.pointer-blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}@media (max-width: 768px){.section{padding:60px 20px}.nav{padding:1rem}.glitch-title{font-size:2rem;word-wrap:break-word;overflow-wrap:break-word}.subtitle{font-size:1.1rem}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;z-index:1002;padding:0}.hamburger span{width:30px;height:3px;background:var(--neon-cyan);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger.open span:first-child{transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.open span:nth-child(3){transform:rotate(-45deg)}.nav ul{position:fixed;top:60px;right:-100%;width:100%;height:calc(100vh - 60px);background:#030306fa;flex-direction:column;padding:2rem;transition:right .3s ease-in-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);align-items:center;justify-content:center;gap:2rem;border-top:1px solid rgba(255,255,255,.05)}.nav ul.mobile-open{right:0}.nav ul li a{font-size:1.5rem}.projects-grid,.services-grid,.skills-grid,.contact-grid{grid-template-columns:1fr}.contact-grid{gap:40px}.hero-transition-section{height:150vh}.proj-details{width:90%;max-width:none}.hero-actions{flex-direction:column;width:100%;align-items:center}.btn{width:100%;max-width:300px}}@media (min-width: 769px){.hamburger{display:none}}.certifications{margin:1.5rem 0;color:var(--muted)}.certifications strong{color:var(--neon-cyan);display:block;margin-bottom:.8rem;font-size:1.1rem}.certifications ul{padding-left:0}.certifications ul li{margin-bottom:.8rem;font-size:.95rem;padding-left:12px;border-left:2px solid var(--neon-purple);line-height:1.5}.certifications span{color:var(--text);font-weight:600;margin-right:5px}.bio{line-height:1.7;margin-bottom:25px;font-size:1.05rem}@media (max-width: 768px){.main-flow-container{height:auto!important;margin-top:0!important;display:block!important}.main-flow-container .sticky-wrapper{position:relative!important;height:auto!important;top:auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:0!important}.about-wrapper,.services-wrapper,.projects-wrapper{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;background:var(--bg)!important;padding-bottom:40px!important;display:block!important}.section{opacity:1!important;transform:none!important}.hero-transition-section{height:100vh!important;margin-bottom:0!important}}@media (max-width: 768px){.experience-contact-transition{height:auto!important;display:block!important}.experience-contact-transition .sticky-wrapper{position:relative!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow:visible!important}.experience-contact-transition .sticky-wrapper>div{position:relative!important;inset:auto!important;opacity:1!important;transform:none!important;height:auto!important;padding:40px 0!important;display:block!important}}@media (max-width: 768px){.hero-inner{opacity:1!important;transform:none!important;pointer-events:auto!important;width:100%;padding:0 20px;margin-top:80px}}@media (max-width: 768px){.hero-transition-section{height:auto!important;min-height:100vh}.hero-transition-section .sticky-wrapper{position:relative!important;height:auto!important;min-height:100vh;overflow:visible!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.matrix-canvas{position:absolute!important;height:100%!important;min-height:100vh}}.nav ul li{position:relative;display:flex;justify-content:center;align-items:center}