@import "https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Bungee&family=Noto+Sans+SC:wght@400;700;900&display=swap";:root{--neon-pink:#f0f;--neon-cyan:#0ff;--neon-lime:#cf0;--neon-yellow:#ff0;--neon-purple:#bd00ff;--neon-orange:#f60;--void:#0a0014;--dark-purple:#1a0033;--hot-red:#ff0040;--transition:all .15s cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--void);color:var(--neon-cyan);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ctext y='24' font-size='24'%3E🌀%3C/text%3E%3C/svg%3E"),auto;font-family:Noto Sans SC,system-ui,sans-serif;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 80%,#ff00ff40 0%,#0000 40%),radial-gradient(circle at 80% 20%,#00ffff40 0%,#0000 40%),radial-gradient(circle,#ccff001a 0%,#0000 60%);position:fixed;inset:0}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:.05em;font-family:ZCOOL KuaiLe,Bungee,cursive;font-weight:900}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:repeating-linear-gradient(45deg, var(--void), var(--void) 10px, var(--dark-purple) 10px, var(--dark-purple) 20px)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--neon-pink), var(--neon-cyan), var(--neon-lime));border:2px solid var(--neon-yellow);border-radius:0;animation:2s linear infinite scrollbarDisco}@keyframes scrollbarDisco{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.navbar{z-index:1000;width:100%;transition:var(--transition);border-bottom:3px dashed var(--neon-pink);-webkit-backdrop-filter:blur(10px)saturate(200%);backdrop-filter:blur(10px)saturate(200%);background:#0a0014cc;padding:1rem 0;position:fixed;top:0}.navbar.scrolled{border-bottom:3px solid var(--neon-cyan);box-shadow:0 0 30px var(--neon-pink);background:#ff00ff26;padding:.6rem 0}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:var(--neon-yellow);letter-spacing:2px;text-shadow:3px 3px 0 var(--neon-pink), -3px -3px 0 var(--neon-cyan);font-family:Bungee,ZCOOL KuaiLe,cursive;font-size:2rem;font-weight:900;text-decoration:none}.nav-links{gap:.65rem;list-style:none;display:flex}.nav-links a{color:var(--neon-lime);letter-spacing:1px;transition:var(--transition);text-transform:uppercase;background:#00ffff0d;border:2px solid #0000;padding:.45rem .7rem;font-size:.9rem;font-weight:700;text-decoration:none;position:relative}.nav-links a:hover{color:var(--void);background:var(--neon-cyan);border-color:var(--neon-yellow);box-shadow:0 0 20px var(--neon-cyan);transform:rotate(-3deg)scale(1.1)}.nav-actions{align-items:center;gap:1rem;display:flex}.language-switch select{appearance:none;border:2px solid var(--neon-pink);background:var(--void);color:var(--neon-pink);cursor:pointer;transition:var(--transition);text-transform:uppercase;border-radius:0;padding:.4rem 2rem .4rem .8rem;font-size:.8rem;font-weight:700}.language-switch select:hover,.language-switch select:focus{background:var(--neon-pink);color:var(--void);box-shadow:0 0 15px var(--neon-pink);outline:none}.mobile-menu-btn{background:var(--neon-lime);border:3px solid var(--neon-pink);color:var(--void);cursor:pointer;transition:var(--transition);padding:.2rem .6rem;font-size:1.5rem;font-weight:900;display:none}.mobile-menu-btn:hover{background:var(--neon-pink);color:var(--neon-lime);transform:rotate(90deg)scale(1.2)}.mobile-menu{background:repeating-linear-gradient(135deg, var(--void), var(--void) 20px, var(--dark-purple) 20px, var(--dark-purple) 40px);z-index:1001;width:80%;max-width:350px;height:100vh;transition:var(--transition);border-left:5px solid var(--neon-cyan);box-shadow:-10px 0 50px var(--neon-pink);padding:5rem 2rem;position:fixed;top:0;right:-100%}.mobile-menu.active{animation:.5s ease-in-out infinite menuShake;right:0}@keyframes menuShake{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.mobile-menu-overlay{z-index:1000;opacity:0;visibility:hidden;transition:var(--transition);background:repeating-radial-gradient(circle,#f0f6,#f0f6 10px,#0ff6 10px 20px);position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;visibility:visible;animation:10s linear infinite overlaySpin}@keyframes overlaySpin{0%{transform:rotate(0)scale(1.5)}to{transform:rotate(360deg)scale(1.5)}}.mobile-menu-links{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.mobile-menu-links a{color:var(--neon-yellow);border:3px dotted var(--neon-cyan);transition:var(--transition);background:#00ffff1a;padding:.8rem;font-family:ZCOOL KuaiLe,cursive;font-size:1.4rem;text-decoration:none;display:block}.mobile-menu-links a:hover{background:var(--neon-cyan);color:var(--void);transform:translate(10px)rotate(2deg)}.close-menu{background:var(--hot-red);border:3px solid var(--neon-yellow);color:var(--neon-yellow);cursor:pointer;transition:var(--transition);padding:.2rem .6rem;font-size:1.5rem;position:absolute;top:1.5rem;right:1.5rem}.close-menu:hover{transform:rotate(180deg)scale(1.3)}.hero{justify-content:center;align-items:center;min-height:100vh;padding:7.5rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0a0014e0 0%,#0a001494 48%,#0a00141f 100%),repeating-linear-gradient(0deg,#0000 0 38px,#00ffff0e 39px 40px),repeating-linear-gradient(90deg,#0000 0 38px,#ff00ff0b 39px 40px);position:absolute;inset:0}.hero-stage{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;gap:1rem;width:min(1280px,100%);min-height:650px;display:grid;position:relative}.hero-content{text-align:left;z-index:2;max-width:660px;position:relative}.hero-subtitle{color:var(--neon-lime);letter-spacing:6px;text-transform:uppercase;opacity:0;margin-bottom:1.5rem;font-size:1.1rem;font-weight:900;animation:.8s forwards fadeInUp}.hero-title{opacity:0;color:var(--neon-cyan);text-shadow:4px 4px 0 var(--neon-pink), 8px 8px 0 var(--neon-purple);margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:900;line-height:1.1;animation:.8s .12s forwards fadeInUp}.hero-title .highlight{color:var(--neon-pink);text-shadow:4px 4px 0 var(--neon-yellow), 8px 8px 0 var(--neon-cyan);display:inline-block}.hero-desc{color:var(--neon-yellow);opacity:0;text-shadow:0 0 10px #ffff0080;max-width:650px;margin:0 0 2.5rem;font-size:1.2rem;font-weight:700;animation:1s .4s forwards fadeInUp}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:flex-start;gap:1rem;animation:.8s .36s forwards fadeInUp;display:flex}.hero-scene{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 40px #00ffff38);width:100%;height:min(68vh,680px);min-height:520px;position:relative}.hero-scene.is-dragging{cursor:grabbing}.hero-scene:before,.hero-scene:after{content:"";pointer-events:none;z-index:1;position:absolute}.hero-scene:before{clip-path:polygon(0 0,28% 0,28% 2px,2px 2px,2px 25%,0 25%,0 100%,72% 100%,72% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 74%,100% 74%,100% 0);border:2px solid #00ffff7a;inset:7% 4%}.hero-scene:after{background:linear-gradient(90deg, transparent, var(--neon-pink), var(--neon-cyan), transparent);height:2px;box-shadow:0 0 18px var(--neon-cyan);bottom:8%;left:14%;right:10%}.hero-scene-canvas{width:100%;height:100%;display:block}.hero-scene-label{z-index:2;color:var(--neon-lime);letter-spacing:.12em;background:#0a0014c2;border:1px solid #ccff00a6;align-items:center;gap:.55rem;padding:.35rem .65rem;font-family:Bungee,monospace;font-size:.68rem;display:flex;position:absolute;bottom:10%;left:8%}.hero-scene-label span{background:var(--neon-lime);width:7px;height:7px;box-shadow:0 0 9px var(--neon-lime);border-radius:50%}.btn{border:3px solid var(--neon-cyan);color:var(--neon-cyan);letter-spacing:2px;cursor:pointer;transition:var(--transition);text-transform:uppercase;background:0 0;padding:1rem 2.5rem;font-size:1rem;font-weight:900;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";background:var(--neon-cyan);z-index:-1;transition:transform .3s;position:absolute;inset:0;transform:translateY(100%)}.btn:hover{color:var(--void);box-shadow:0 0 30px var(--neon-cyan), 0 0 60px var(--neon-pink);border-color:var(--neon-yellow);transform:translateY(-3px)rotate(-2deg)scale(1.05)}.btn:hover:before{transform:translateY(0)}.btn-primary{background:var(--neon-pink);color:var(--void);border-color:var(--neon-pink)}.btn-primary:before{background:var(--neon-yellow)}.btn-primary:hover{color:var(--void);box-shadow:0 0 30px var(--neon-pink), 0 0 60px var(--neon-yellow)}section{padding:6rem 2rem;position:relative}section:nth-child(odd){background:#bd00ff14}section:nth-child(2n){background:#00ffff14}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem;transform:rotate(-1deg)}.section-label{color:var(--neon-pink);letter-spacing:4px;text-transform:uppercase;margin-bottom:1rem;font-size:1rem;font-weight:900;display:block}.section-title{color:var(--neon-yellow);text-shadow:3px 3px 0 var(--neon-pink), 6px 6px 0 var(--neon-purple);margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.5rem)}.section-line{background:repeating-linear-gradient(90deg, var(--neon-pink), var(--neon-pink) 10px, var(--neon-cyan) 10px, var(--neon-cyan) 20px);width:100px;height:6px;margin:0 auto}.about-grid{grid-template-columns:1fr 1.5fr;align-items:center;gap:4rem;display:grid}.about-image{transition:var(--transition);position:relative;transform:rotate(-3deg)}.about-image:hover{transform:rotate(3deg)scale(1.05)}.about-image-wrapper{border:5px solid var(--neon-pink);position:relative;overflow:hidden}.about-image-wrapper:before{content:"";border:5px solid var(--neon-cyan);z-index:-1;position:absolute;inset:0;transform:translate(15px,15px)}.about-image img{object-fit:cover;filter:saturate(300%)contrast(150%)hue-rotate(45deg);width:100%;height:500px;transition:var(--transition)}.about-image-wrapper:hover img{filter:saturate(500%)contrast(200%)hue-rotate(180deg);transform:scale(1.1)rotate(2deg)}.about-content h3{color:var(--neon-lime);text-shadow:0 0 20px var(--neon-lime);margin-bottom:1.5rem;font-size:2.2rem}.about-text{color:var(--neon-cyan);margin-bottom:2rem;font-size:1.1rem;font-weight:700;line-height:1.9}.about-stats{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;display:grid}.stat-item{text-align:center;border:3px solid var(--neon-purple);transition:var(--transition);background:#bd00ff1a;padding:1.5rem}.stat-item:hover{box-shadow:0 0 30px var(--neon-purple);background:#bd00ff33;transform:translateY(-10px)rotate(3deg)}.stat-item h4{color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink);font-family:Bungee,cursive;font-size:3rem;font-weight:400}.stat-item p{color:var(--neon-yellow);margin-top:.5rem;font-size:1rem;font-weight:700}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.project-card{border:3px solid var(--neon-yellow);min-height:100%;transition:var(--transition);background:linear-gradient(135deg,#ff00ff1f,#00ffff0f),#0a0014e0;padding:2rem;position:relative;overflow:hidden}.project-card:after{content:"";pointer-events:none;border:2px dashed #00ffff80;position:absolute;inset:12px}.project-card:hover{border-color:var(--neon-pink);transform:translateY(-10px)rotate(-1deg);box-shadow:0 0 35px #ff00ffa6}.project-card-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.project-code,.project-status{border:2px solid var(--neon-cyan);background:var(--void);min-height:34px;color:var(--neon-lime);letter-spacing:.08em;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.project-status{color:var(--void);background:var(--neon-lime);border-color:var(--neon-pink);transform:rotate(2deg)}.project-card h3{color:var(--neon-pink);text-shadow:0 0 12px var(--neon-pink);margin-bottom:1rem;font-size:1.45rem}.project-desc{color:var(--neon-cyan);margin-bottom:1.5rem;font-weight:700;line-height:1.8}.project-meta{gap:.75rem;margin-bottom:1.5rem;display:grid}.project-meta div{border-left:4px solid var(--neon-cyan);background:#00ffff14;padding:.8rem}.project-meta span{color:var(--neon-yellow);letter-spacing:.12em;margin-bottom:.2rem;font-size:.75rem;font-weight:900;display:block}.project-meta strong{color:var(--neon-cyan);font-size:.95rem}.project-stack{flex-wrap:wrap;gap:.5rem;display:flex}.project-stack span{color:var(--void);background:var(--neon-cyan);border:2px solid var(--neon-purple);padding:.3rem .65rem;font-size:.75rem;font-weight:900}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.skill-card{border:3px solid var(--neon-cyan);transition:var(--transition);transform:rotate(var(--rotation,0deg));background:#0a0014cc;padding:2.5rem;position:relative;overflow:hidden}.skill-card:nth-child(odd){--rotation:-1deg}.skill-card:nth-child(2n){--rotation:1deg}.skill-card:before{content:"";background:linear-gradient(90deg,#0000,#ff00ff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.skill-card:hover{border-color:var(--neon-pink);box-shadow:0 0 40px var(--neon-cyan), inset 0 0 40px #ff00ff1a;transform:rotate(0)scale(1.03)translateY(-10px)}.skill-card:hover:before{left:100%}.skill-icon{border:3px solid var(--neon-yellow);min-width:52px;min-height:36px;color:var(--void);background:var(--neon-yellow);letter-spacing:.05em;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:900;display:inline-flex;transform:rotate(-2deg)}.skill-card h3{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);margin-bottom:1rem;font-size:1.4rem}.skill-card p{color:var(--neon-cyan);font-size:1rem;font-weight:700;line-height:1.7}.skill-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.skill-tag{background:var(--neon-pink);color:var(--void);border:2px solid var(--neon-yellow);transition:var(--transition);padding:.4rem 1rem;font-size:.8rem;font-weight:900}.skill-tag:hover{background:var(--neon-cyan);transform:rotate(10deg)scale(1.2)}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:repeating-linear-gradient(180deg, var(--neon-pink), var(--neon-pink) 10px, var(--neon-cyan) 10px, var(--neon-cyan) 20px);width:4px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.timeline-item{width:50%;padding:2rem 0;position:relative}.timeline-item:nth-child(odd){text-align:right;padding-right:3rem;left:0}.timeline-item:nth-child(2n){padding-left:3rem;left:50%}.timeline-dot{background:var(--neon-lime);border:4px solid var(--void);border-radius:50%;width:20px;height:20px;position:absolute;top:2.5rem;box-shadow:0 0 14px #ccff00bf}.timeline-item:nth-child(odd) .timeline-dot{right:-10px}.timeline-item:nth-child(2n) .timeline-dot{left:-10px}.timeline-content{border:3px solid var(--neon-purple);transition:var(--transition);background:#0a0014e6;padding:2rem}.timeline-content:hover{border-color:var(--neon-lime);box-shadow:0 0 30px var(--neon-purple);transform:scale(1.03)rotate(-1deg)}.timeline-date{color:var(--neon-lime);letter-spacing:2px;margin-bottom:.5rem;font-size:.9rem;font-weight:900;display:block}.timeline-title{color:var(--neon-pink);margin-bottom:.5rem;font-size:1.4rem}.timeline-company{color:var(--neon-yellow);margin-bottom:1rem;font-size:.95rem;font-weight:700}.timeline-desc{color:var(--neon-cyan);font-size:1rem;font-weight:700;line-height:1.7}.metrics-panel{border:4px solid var(--neon-lime);background:repeating-linear-gradient(0deg,#00ffff0f,#00ffff0f 2px,#0000 2px 12px),#0a0014eb;max-width:920px;margin:0 auto;padding:2.5rem;box-shadow:0 0 40px #ccff0040}.metric-row{border-bottom:2px dashed #ff00ff73;grid-template-columns:220px 1fr;align-items:center;gap:1rem 1.5rem;padding:1.2rem 0;display:grid}.metric-row:last-child{border-bottom:0}.metric-copy{flex-direction:column;gap:.3rem;display:flex}.metric-label{color:var(--neon-yellow);letter-spacing:.12em;font-size:.9rem;font-weight:900}.metric-copy strong{color:var(--neon-pink);text-shadow:0 0 18px var(--neon-pink);font-family:Bungee,ZCOOL KuaiLe,cursive;font-size:1.9rem;line-height:1}.metric-track{border:3px solid var(--neon-cyan);background:#00ffff14;height:22px;position:relative;overflow:hidden}.metric-track span{background:linear-gradient(90deg, var(--neon-pink), var(--neon-yellow), var(--neon-lime));height:100%;display:block}.metric-row p{color:var(--neon-cyan);grid-column:2;font-weight:700;line-height:1.6}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:4rem;display:grid}.contact-info h3{color:var(--neon-lime);text-shadow:0 0 20px var(--neon-lime);margin-bottom:1.5rem;font-size:2rem}.contact-info>p{color:var(--neon-cyan);margin-bottom:2rem;font-weight:700;line-height:1.9}.contact-item{border:2px dashed var(--neon-pink);transition:var(--transition);background:#ff00ff0d;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.contact-item:hover{background:#ff00ff1a;transform:translate(10px)rotate(1deg)}.contact-icon{background:var(--neon-cyan);border:3px solid var(--neon-yellow);min-width:50px;height:50px;color:var(--void);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:flex;transform:rotate(-5deg)}.contact-detail h4{color:var(--neon-yellow);margin-bottom:.3rem;font-size:1.1rem}.contact-detail p{color:var(--neon-cyan);font-size:.95rem;font-weight:700}.contact-form{border:4px solid var(--neon-pink);background:#0a0014e6;padding:3rem;position:relative;overflow:hidden}.contact-form:before{content:"🌀";opacity:.2;font-size:6rem;position:absolute;top:-20px;right:-20px;transform:rotate(18deg)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--neon-lime);letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:900;display:block}.form-group input,.form-group textarea{border:3px solid var(--neon-cyan);width:100%;color:var(--neon-yellow);transition:var(--transition);background:#ff00ff1a;padding:1rem;font-family:Noto Sans SC,sans-serif;font-size:1rem;font-weight:700}.form-group input:focus,.form-group textarea:focus{border-color:var(--neon-pink);box-shadow:0 0 20px var(--neon-pink);background:#f0f3;outline:none;transform:scale(1.02)}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{background:var(--neon-pink);width:100%;color:var(--void);border:3px solid var(--neon-yellow);letter-spacing:3px;cursor:pointer;transition:var(--transition);text-transform:uppercase;padding:1.2rem;font-size:1.1rem;font-weight:900}.submit-btn:hover{background:var(--neon-cyan);box-shadow:0 0 40px var(--neon-cyan);transform:translateY(-3px)rotate(-1deg)}footer{background:var(--dark-purple);text-align:center;border-top:5px dashed var(--neon-lime);padding:3rem 2rem;position:relative}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{color:var(--neon-yellow);text-shadow:3px 3px 0 var(--neon-pink);margin-bottom:1rem;font-family:Bungee,ZCOOL KuaiLe,cursive;font-size:2rem}.footer-text{color:var(--neon-cyan);font-size:1rem;font-weight:700}.footer-social{justify-content:center;gap:1.5rem;margin:2rem 0;display:flex}.social-link{border:3px solid var(--neon-cyan);width:50px;height:50px;color:var(--neon-cyan);transition:var(--transition);background:#00ffff1a;justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;text-decoration:none;display:flex}.social-link:hover{background:var(--neon-cyan);color:var(--void);box-shadow:0 0 30px var(--neon-cyan);transform:rotate(360deg)scale(1.2)}.chaos-trigger{z-index:900;border:3px solid var(--neon-yellow);background:var(--hot-red);min-width:88px;min-height:44px;color:var(--neon-yellow);cursor:pointer;transition:var(--transition);padding:.65rem .9rem;font-weight:900;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 0 24px #ff0040b3}.chaos-trigger:hover{background:var(--neon-yellow);color:var(--void);transform:rotate(-5deg)scale(1.08)}.chaos-toast{z-index:901;border:3px dashed var(--neon-cyan);width:min(340px,100vw - 3rem);color:var(--neon-lime);opacity:0;pointer-events:none;transition:var(--transition);background:#0a0014f0;padding:1rem;font-weight:900;position:fixed;bottom:5.3rem;right:1.5rem;transform:translateY(20px)rotate(2deg);box-shadow:0 0 30px #00ffff73}.chaos-toast.active{opacity:1;transform:translateY(0)rotate(-1deg)}body.chaos-mode{animation:.18s steps(2,end) infinite chaosScreen}body.chaos-mode .hero-title,body.chaos-mode .section-title,body.chaos-mode .skill-card,body.chaos-mode .project-card,body.chaos-mode .timeline-content{filter:hue-rotate(120deg)saturate(240%);transform:skew(-2deg)}@keyframes chaosScreen{0%,to{filter:hue-rotate()contrast()}50%{filter:hue-rotate(180deg)contrast(125%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.reveal{opacity:0;transform:translateY(50px) rotate(var(--reveal-rot,3deg));transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.reveal:nth-child(2n){--reveal-rot:-3deg}.reveal.active{opacity:1;transform:translateY(0)rotate(0)}@media (width<=968px){.nav-links{display:none}.nav-actions{gap:.75rem}.hero{padding-top:7rem}.hero-stage{grid-template-columns:1fr;gap:0;min-height:auto}.hero-content{text-align:center;max-width:760px;margin:0 auto}.hero-desc{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-scene{width:min(660px,100%);height:430px;min-height:430px;margin:-1rem auto 0}.mobile-menu-btn{display:block}.about-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.projects-grid{grid-template-columns:1fr}.about-image img{height:350px}.about-stats{grid-template-columns:repeat(3,1fr)}.timeline:before{left:30px}.timeline-item{width:100%;text-align:left!important;padding-left:5rem!important;padding-right:0!important;left:0!important}.timeline-dot{left:21px!important;right:auto!important}.metric-row{grid-template-columns:1fr}.metric-row p{grid-column:1}}@media (width<=640px){section{padding:4rem 1.5rem}.hero-title{font-size:2.2rem}.hero{min-height:auto;padding:7rem 1.25rem 2rem}.hero-stage{flex-direction:column;display:flex}.hero-subtitle{letter-spacing:3px;margin-bottom:1rem;font-size:.82rem}.hero-desc{margin-bottom:1.75rem;font-size:1rem;line-height:1.75}.hero-scene{order:-1;height:310px;min-height:310px;margin:-1.25rem auto -2.25rem}.hero-scene:before{inset:8% 1%}.hero-scene-label{bottom:9%;left:4%}.about-stats{text-align:center;grid-template-columns:1fr;gap:1.5rem}.skills-grid{grid-template-columns:1fr}.contact-form{padding:2rem 1.5rem}.metrics-panel{padding:1.5rem}.timeline-item{padding-left:3.5rem!important}.timeline-content{padding:1.5rem}.chaos-trigger{bottom:1rem;right:1rem}.chaos-toast{width:calc(100vw - 2rem);bottom:4.8rem;right:1rem}}.loader{background:var(--void);z-index:9999;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.loader.hidden{opacity:0;pointer-events:none}.loader-text{color:var(--neon-pink);letter-spacing:4px;text-shadow:0 0 30px var(--neon-pink);font-family:Bungee,ZCOOL KuaiLe,cursive;font-size:2.5rem;animation:1s infinite loaderPulse}@keyframes loaderPulse{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(1.2)rotate(5deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-scene{cursor:default}}