*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#1a1a2e;--panel:#16213e;--border:#0f3460;--accent:#e94560;--yellow:#ffd700;--cyan:#00d4ff;--green:#00ff88;--pink:#ff6b9d;--white:#ffffff;--text:#e0e0e0}body{font-family:'Comic Neue',cursive;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;position:relative;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor{width:20px;height:20px;border:2px solid var(--cyan);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .1s ease,border-color .2s;box-shadow:0 0 10px rgba(0,212,255,.3)}.cursor-dot{width:14px;height:14px;position:fixed;pointer-events:none;z-index:9999;font-size:14px;color:var(--cyan);text-shadow:0 0 8px rgba(0,212,255,.8);animation:shurikenSpin 1.5s linear infinite;display:flex;align-items:center;justify-content:center}.cursor-dot::after{content:'✦'}@keyframes shurikenSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.cursor.hover{transform:scale(1.8);border-color:var(--accent);background:rgba(233,69,96,.1)}.sparkle{position:fixed;pointer-events:none;z-index:9998;font-size:14px;color:var(--yellow);text-shadow:0 0 8px rgba(255,215,0,.9),0 0 16px rgba(255,215,0,.4);animation:sparkleFade .8s ease-out forwards}@keyframes sparkleFade{0%{opacity:1;transform:scale(1) translateY(0) rotate(0)}100%{opacity:0;transform:scale(.3) translateY(-20px) rotate(180deg)}}.click-particle{position:fixed;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:9998;box-shadow:0 0 6px currentColor;animation:explode .6s ease-out forwards}@keyframes explode{0%{opacity:1;transform:translate(0,0) scale(1.5)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}.cursor-trail{position:fixed;width:12px;height:12px;border-radius:50%;border:1px solid var(--cyan);pointer-events:none;z-index:9997;animation:trailFade .4s ease-out forwards}@keyframes trailFade{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(2.5)}}.impact-frame{position:fixed;pointer-events:none;z-index:9996;width:60px;height:60px;border:2px solid var(--white);border-radius:50%;animation:impactRing .4s ease-out forwards}@keyframes impactRing{0%{opacity:.8;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}.speed-lines{position:fixed;inset:0;background:repeating-conic-gradient(from 0deg at 50% 120%,transparent 0deg,rgba(255,255,255,.015) .5deg,transparent 1deg);pointer-events:none;z-index:0;animation:linesFlash 4s ease-in-out infinite}@keyframes linesFlash{0%,100%{opacity:.5}50%{opacity:1}}body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:6px 6px;pointer-events:none;z-index:0}body::after{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:0}.wrapper{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.2rem}.panel{background:var(--panel);border:3px solid var(--white);border-radius:4px;padding:2rem;position:relative;box-shadow:6px 6px 0 var(--border),inset 0 0 30px rgba(0,0,0,.3);transition:transform .2s ease}.panel:hover{transform:rotate(-.3deg) scale(1.01)}.panel-border{position:absolute;inset:4px;border:1px solid rgba(255,255,255,.1);border-radius:2px;pointer-events:none}.panel-heading{font-family:Bangers,cursive;font-size:1.4rem;color:var(--yellow);letter-spacing:2px;text-shadow:2px 2px 0 rgba(0,0,0,.5);margin-bottom:1rem;text-align:center}.hero-panel{text-align:center;background:linear-gradient(135deg,var(--panel),#1a1a3e);overflow:visible}.burst{position:absolute;top:-12px;right:-12px;width:50px;height:50px;background:var(--yellow);color:var(--bg);font-size:1.2rem;display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:spin 4s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar{width:100px;height:100px;border-radius:50%;border:4px solid var(--accent);box-shadow:0 0 20px rgba(233,69,96,.4),0 0 40px rgba(233,69,96,.1);margin:0 auto 1rem;display:block;object-fit:cover;animation:avatarPop .5s ease-out}@keyframes avatarPop{from{transform:scale(0) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.comic-title{font-family:Bangers,cursive;font-size:2.2rem;color:var(--white);letter-spacing:3px;text-shadow:3px 3px 0 var(--accent),-1px -1px 0 var(--cyan);margin-bottom:1rem}.speech-bubble{background:var(--white);color:#1a1a2e;border-radius:20px;padding:1rem 1.2rem;font-size:.85rem;font-weight:700;line-height:1.5;position:relative;margin:0 auto 1.2rem;max-width:360px;box-shadow:3px 3px 0 var(--border)}.bubble-tail{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:14px solid var(--white)}.social-row{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.comic-btn{font-family:Bangers,cursive;font-size:.85rem;letter-spacing:1px;padding:.5rem 1rem;background:var(--accent);color:var(--white);border:2px solid var(--white);border-radius:4px;text-decoration:none;box-shadow:3px 3px 0 rgba(0,0,0,.4);transition:all .15s ease}.comic-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 rgba(0,0,0,.4);background:var(--cyan);color:var(--bg)}.comic-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(0,0,0,.4)}.stats-panel{background:linear-gradient(135deg,#0f3460,#1a1a3e)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.stat-box{background:rgba(0,0,0,.3);border:2px solid var(--cyan);border-radius:8px;padding:1rem .5rem;text-align:center;box-shadow:0 0 10px rgba(0,212,255,.2);transition:all .2s;position:relative;overflow:visible}.stat-box:hover{transform:scale(1.08) translateY(-3px) rotate(-1deg);border-color:var(--cyan);box-shadow:0 0 15px rgba(0,212,255,.4),4px 4px 0 rgba(0,0,0,.3)}.stat-num{display:block;font-family:Bangers,cursive;font-size:1.8rem;color:var(--cyan);text-shadow:0 0 10px rgba(0,212,255,.5)}.stat-label{font-size:.65rem;color:var(--text);text-transform:uppercase;letter-spacing:1px}.certs-panel{background:linear-gradient(135deg,#1a1a3e,#2d1b4e)}.certs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.cert-badge{font-size:.75rem;font-weight:700;padding:.4rem .8rem;background:rgba(255,215,0,.1);border:2px solid var(--yellow);border-radius:6px;color:var(--yellow);transition:all .2s}.cert-badge:hover{background:rgba(255,215,0,.2);transform:translateY(-2px) rotate(-1deg);box-shadow:0 4px 12px rgba(255,215,0,.2)}.projects-panel{background:linear-gradient(135deg,#16213e,#1a2a4e)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.project-card{background:rgba(0,0,0,.3);border:2px solid var(--green);border-radius:6px;padding:1rem;text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column}.project-card:hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:5px 5px 0 rgba(0,255,136,.2);border-color:var(--pink)}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.project-card h3{font-family:Bangers,cursive;font-size:.85rem;color:var(--green);letter-spacing:.5px}.star-badge{font-size:.65rem;color:var(--yellow);font-weight:700}.project-card p{font-size:.7rem;color:#aaa;line-height:1.4;flex:1;margin-bottom:.5rem}.tech-tag{font-size:.6rem;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.contact-panel{background:linear-gradient(135deg,#1a1a3e,#2e1a3e)}.contact-panel form{display:flex;flex-direction:column;gap:.6rem}.contact-panel input,.contact-panel textarea{background:rgba(0,0,0,.4);border:2px solid var(--border);border-radius:6px;padding:.8rem 1rem;color:var(--white);font-family:'Comic Neue',cursive;font-size:.85rem;font-weight:700;outline:0;resize:none;transition:border-color .2s;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.contact-panel input::selection,.contact-panel textarea::selection{background:var(--accent);color:var(--white)}.contact-panel input:focus,.contact-panel textarea:focus{border-color:var(--accent);box-shadow:0 0 10px rgba(233,69,96,.2)}.contact-panel input::placeholder,.contact-panel textarea::placeholder{color:#555}.contact-panel button{font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:2px;padding:.8rem;background:var(--accent);color:var(--white);border:3px solid var(--white);border-radius:6px;cursor:pointer;box-shadow:4px 4px 0 rgba(0,0,0,.4);transition:all .15s ease}.contact-panel button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(0,0,0,.4);background:var(--pink)}.contact-panel button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(0,0,0,.4)}.form-status{text-align:center;font-size:.8rem;font-weight:700;margin-top:.6rem;color:var(--green)}.form-status.error{color:var(--accent)}footer{text-align:center;font-family:Bangers,cursive;font-size:.8rem;color:#888;letter-spacing:1px;padding:1rem 0}.panel{animation:panelSlam .4s ease-out both}.panel:first-child{animation-delay:0s}.panel:nth-child(2){animation-delay:.1s}.panel:nth-child(3){animation-delay:.2s}.panel:nth-child(4){animation-delay:.3s}.panel:nth-child(5){animation-delay:.4s}@keyframes panelSlam{from{opacity:0;transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (max-width:540px){.wrapper{padding:1.5rem .8rem;gap:1rem}.panel{padding:1.2rem;box-shadow:4px 4px 0 var(--border)}.comic-title{font-size:1.5rem;letter-spacing:1px}.speech-bubble{padding:.8rem 1rem;font-size:.78rem}.social-row{gap:.4rem}.comic-btn{font-size:.75rem;padding:.4rem .7rem}.projects{grid-template-columns:1fr}.stats-grid{gap:.5rem}.stat-num{font-size:1.4rem}.stat-box{padding:.8rem .4rem}.panel-heading{font-size:1.1rem}.certs{gap:.35rem}.cert-badge{font-size:.68rem;padding:.3rem .6rem}.avatar{width:80px;height:80px}.burst{width:40px;height:40px;font-size:1rem;top:-8px;right:-8px}.project-card{padding:.8rem}.project-card h3{font-size:.78rem}.contact-panel input,.contact-panel textarea{padding:.7rem .8rem;font-size:.8rem}.contact-panel button{font-size:.95rem}}@media (max-width:360px){.wrapper{padding:1rem .5rem}.panel{padding:1rem}.comic-title{font-size:1.3rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.3rem}.social-row{flex-wrap:wrap}}@media (pointer:coarse){body{cursor:auto}.cursor,.cursor-dot{display:none}}.loader{position:fixed;inset:0;z-index:99999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .4s,visibility .4s}.loader.hidden{opacity:0;visibility:hidden}.loader-text{font-family:Bangers,cursive;font-size:2.5rem;color:var(--cyan);letter-spacing:4px;text-shadow:0 0 20px rgba(0,212,255,.6);animation:loaderPulse .6s ease-in-out infinite alternate}.loader-sub{font-family:'Comic Neue',cursive;font-size:.8rem;color:var(--text-muted,#666);margin-top:.5rem;letter-spacing:2px}@keyframes loaderPulse{from{transform:scale(1);opacity:.7}to{transform:scale(1.05);opacity:1}}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--cyan),var(--accent),var(--yellow));z-index:9999;transition:width .1s linear;box-shadow:0 0 8px rgba(0,212,255,.5)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:var(--panel);border:2px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:1.2rem;cursor:none;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(0,212,255,.3);opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:all}.back-to-top:hover{background:var(--cyan);color:var(--bg);box-shadow:0 0 20px rgba(0,212,255,.6);transform:translateY(-3px)}.avatar{animation:avatarPop .5s ease-out,glowPulse 2s ease-in-out infinite .5s}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(233,69,96,.4),0 0 40px rgba(233,69,96,.1)}50%{box-shadow:0 0 30px rgba(233,69,96,.7),0 0 60px rgba(233,69,96,.3),0 0 80px rgba(0,212,255,.1)}}.panel::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;border-radius:4px}.panel:hover::after{opacity:1}.panel-heading{animation:neonFlicker 3s ease-in-out infinite}@keyframes neonFlicker{0%,100%{text-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 10px rgba(255,215,0,.3)}50%{text-shadow:2px 2px 0 rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.2)}}.project-card::before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(0,255,136,.03) 2deg,transparent 4deg);opacity:0;transition:opacity .3s;border-radius:6px}.project-card{position:relative;overflow:hidden}.project-card:hover::before{opacity:1}.cert-badge{position:relative;overflow:hidden}.cert-badge::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,215,0,.15) 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s}.cert-badge:hover::after{transform:translateX(100%)}.comic-btn{position:relative;overflow:hidden}.comic-btn::after{content:'💥';position:absolute;font-size:1.5rem;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s;pointer-events:none}.comic-btn:active::after{transform:translate(-50%,-50%) scale(1)}