:root{--neon-blue:#00f0ff;--neon-pink:#ff2d95;--neon-purple:#b026ff;--neon-yellow:#fff200;--dark-bg:#0a0a0a;--darker-bg:#050505;--vhs-blue:#1a1a2e;--retro-gold:gold;--text-light:#e0e0e0;--font-retro:"Press Start 2P", monospace;--font-marker:"Permanent Marker", cursive;--font-vhs:"VT323", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a,button,[role=button],input[type=submit],.retro-btn,.contact-card,.project-link,#music-toggle,#enter-btn{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text y='24' font-size='24'>💋</text></svg>") 16 16,pointer!important}body{background:var(--dark-bg);color:var(--text-light);font-family:var(--font-vhs);cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text y='24' font-size='24'>💋</text></svg>") 16 16,pointer;font-size:18px;overflow-x:hidden}#vhs-overlay{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px);width:100%;height:100%;animation:8s linear infinite scanline-scroll;position:absolute;top:0;left:0}.vhs-tracking{background:linear-gradient(#0000 0%,#ffffff05 50%,#0000 100%) 0 0/100% 8px;width:100%;height:100%;animation:.3s steps(4,end) infinite tracking;position:absolute;top:0;left:0}@keyframes scanline-scroll{0%{background-position:0 0}to{background-position:0 100px}}@keyframes tracking{0%{transform:translateY(0)}25%{transform:translateY(-1px)}50%{transform:translateY(1px)}75%{transform:translateY(-.5px)}to{transform:translateY(0)}}#enter-screen{z-index:1000;background:var(--darker-bg);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.5s,transform 1s;display:flex;position:fixed;top:0;left:0}#enter-screen.fade-out{opacity:0;pointer-events:none;transform:scale(1.1)}.static-bg{background:radial-gradient(ellipse at center, #1a1a2ecc 0%, var(--darker-bg) 70%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.static-bg:after{content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");width:200%;height:200%;animation:.5s steps(10,end) infinite static-move;position:absolute;top:-50%;left:-50%}@keyframes static-move{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.enter-content{text-align:center;z-index:10;position:relative}.vhs-label{font-family:var(--font-vhs);color:var(--neon-blue);margin-bottom:20px;font-size:24px;animation:1.5s ease-in-out infinite blink}.enter-title{font-family:var(--font-retro);color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink), 0 0 20px var(--neon-pink), 0 0 40px var(--neon-pink), 0 0 80px var(--neon-pink);letter-spacing:4px;margin-bottom:10px;font-size:clamp(28px,6vw,64px)}.enter-subtitle{font-family:var(--font-vhs);color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);margin-bottom:40px;font-size:clamp(18px,3vw,32px)}.enter-disclaimer{font-family:var(--font-vhs);color:#fff6;margin-top:20px;font-size:14px}.vhs-timestamp{font-family:var(--font-vhs);color:#fff;z-index:1001;font-size:18px;animation:2s ease-in-out infinite blink;position:fixed;bottom:20px;right:20px}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--neon-blue);clip-path:inset(0 0 80%);animation:3s linear infinite alternate-reverse glitch-1}.glitch:after{color:var(--neon-purple);clip-path:inset(80% 0 0);animation:2.5s linear infinite alternate-reverse glitch-2}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}to{transform:translate(0)}}.retro-btn{font-family:var(--font-retro);color:var(--dark-bg);background:linear-gradient(180deg, var(--neon-pink) 0%, #c17 100%);border:3px solid var(--neon-pink);cursor:pointer;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 15px var(--neon-pink), 0 0 30px #ff2d954d, inset 0 0 15px #ffffff1a;border-radius:0;padding:16px 40px;font-size:clamp(12px,2vw,16px);text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.retro-btn:hover{background:linear-gradient(180deg, #ff5cb5 0%, var(--neon-pink) 100%);box-shadow:0 0 25px var(--neon-pink), 0 0 50px #ff2d9580, inset 0 0 20px #fff3;transform:scale(1.05)}.retro-btn:after{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite shine;position:absolute;top:-50%;left:-50%}@keyframes shine{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}#heart-canvas{z-index:15;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 2s;position:fixed;top:0;left:0}#heart-canvas.visible{opacity:1}#main-content{z-index:10;position:relative}#main-content.hidden{display:none}.section{justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative}.section-inner{width:100%;max-width:1000px;margin:0 auto}.section-title{font-family:var(--font-retro);text-align:center;letter-spacing:2px;margin-bottom:16px;font-size:clamp(18px,3.5vw,36px)}.section-subtitle{font-family:var(--font-vhs);text-align:center;color:var(--retro-gold);margin-bottom:50px;font-size:24px}.neon-text{color:var(--neon-blue);text-shadow:0 0 7px var(--neon-blue), 0 0 10px var(--neon-blue), 0 0 21px var(--neon-blue), 0 0 42px var(--neon-blue)}.neon-text.pink,.neon-pink{color:var(--neon-pink);text-shadow:0 0 7px var(--neon-pink), 0 0 10px var(--neon-pink), 0 0 21px var(--neon-pink), 0 0 42px var(--neon-pink)}#hero{background:radial-gradient(ellipse at 50% 50%, #b026ff26 0%, transparent 60%), var(--dark-bg);text-align:center;overflow:hidden}.hero-content{z-index:2;position:relative}.hero-tagline{font-family:var(--font-vhs);opacity:0;margin-bottom:12px;font-size:clamp(24px,4vw,42px);animation:.8s forwards fade-up;transform:translateY(20px)}.hero-tagline.delay-1{animation-delay:1s}.hero-tagline.delay-2{animation-delay:2s}.hero-tagline.italic{font-style:italic}.hero-reveal{opacity:0;margin:30px 0 10px;animation:.8s forwards fade-up}.hero-reveal.delay-3{animation-delay:3s}.introducing{font-family:var(--font-marker);color:var(--retro-gold);font-size:clamp(20px,3vw,36px)}.hero-name{font-family:var(--font-retro);letter-spacing:8px;opacity:0;margin-bottom:20px;font-size:clamp(36px,8vw,80px);animation:1.5s forwards name-reveal}.hero-name.delay-4{animation-delay:4s}.hero-subtitle{font-family:var(--font-vhs);color:var(--text-light);opacity:0;margin-bottom:40px;font-size:clamp(16px,2.5vw,28px);animation:.8s forwards fade-up}.hero-subtitle.delay-5{animation-delay:5.5s}.hero-aside{font-family:var(--font-marker);color:var(--retro-gold);text-align:right;opacity:0;margin-top:-8px;margin-bottom:30px;margin-right:10%;font-size:clamp(16px,2vw,22px);animation:.8s forwards aside-pop;transform:translateY(20px)rotate(2deg)}.hero-aside.delay-5{animation-delay:5.5s}@keyframes aside-pop{to{opacity:1;transform:translateY(0)rotate(-3deg)}}.hero-cta{opacity:0;animation:.8s forwards fade-up}.hero-cta.delay-5{animation-delay:5.5s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@keyframes name-reveal{0%{opacity:0;filter:blur(10px);transform:scale(.5)}50%{opacity:1;filter:blur();transform:scale(1.1)}to{opacity:1;filter:blur();transform:scale(1)}}#about{background:linear-gradient(135deg, #00f0ff0d 0%, transparent 50%), var(--darker-bg)}.infomercial-quote{font-family:var(--font-marker);color:var(--retro-gold);text-align:center;border:2px solid var(--retro-gold);border-radius:0;margin-bottom:40px;padding:30px;font-size:clamp(20px,3vw,30px);line-height:1.6;position:relative}.quote-attr{color:var(--text-light);font-size:16px;font-family:var(--font-vhs);margin-top:10px;display:block}.about-text p{text-align:center;margin-bottom:20px;font-size:22px;line-height:1.8}.stats-row{flex-wrap:wrap;justify-content:center;gap:60px;margin-top:50px;display:flex}.stat{text-align:center}.stat-number{font-family:var(--font-retro);margin-bottom:8px;font-size:clamp(24px,4vw,48px);display:block}.stat-label{font-family:var(--font-vhs);color:var(--text-light);font-size:18px}.gold-aside{color:var(--retro-gold);margin-top:4px;display:block}#projects{background:radial-gradient(ellipse at 30% 50%, #ff2d9514 0%, transparent 50%), var(--dark-bg)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px;display:grid}.project-card{background:#ffffff08;border:1px solid #00f0ff33;padding:30px;transition:all .3s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--neon-pink);transform:translateY(-5px);box-shadow:0 0 20px #ff2d9533}.project-badge{font-family:var(--font-retro);color:var(--dark-bg);background:var(--retro-gold);letter-spacing:1px;margin-bottom:16px;padding:4px 12px;font-size:9px;display:inline-block}.project-title{font-family:var(--font-marker);color:var(--neon-blue);margin-bottom:4px;font-size:28px}.project-role{font-family:var(--font-vhs);color:var(--retro-gold);margin-bottom:12px;font-size:16px}.project-desc{color:var(--text-light);margin-bottom:16px;font-size:18px;line-height:1.6}.project-tech{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tech-tag{font-family:var(--font-vhs);border:1px solid var(--neon-purple);color:var(--neon-purple);padding:4px 12px;font-size:16px}.project-link{font-family:var(--font-vhs);color:var(--neon-pink);font-size:18px;text-decoration:none;transition:color .3s}.project-link:hover{color:var(--neon-blue);text-decoration:underline}.infomercial-callout{text-align:center;border:3px dashed var(--retro-gold);font-family:var(--font-marker);color:var(--retro-gold);padding:30px;font-size:24px}.infomercial-callout .small{font-family:var(--font-vhs);color:var(--text-light);margin-top:10px;font-size:16px}#skills{background:linear-gradient(45deg, #b026ff0d 0%, transparent 50%), var(--darker-bg)}.skills-showcase{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:50px;display:grid}.skill-category{text-align:center}.skill-cat-title{font-family:var(--font-retro);color:var(--neon-pink);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:14px}.skill-items{flex-direction:column;gap:10px;display:flex}.skill-item{font-family:var(--font-vhs);border-left:3px solid var(--neon-blue);background:#00f0ff0d;padding:8px 16px;font-size:22px;transition:all .3s}.skill-item:hover{border-left-color:var(--neon-pink);background:#ff2d951a;transform:translate(10px)}.testimonial{text-align:center;border:2px solid var(--neon-purple);margin-top:20px;padding:40px;position:relative}.testimonial:before{content:"\"";font-family:var(--font-marker);color:var(--neon-purple);opacity:.5;font-size:80px;position:absolute;top:-20px;left:20px}.testimonial-text{font-family:var(--font-vhs);color:var(--text-light);font-size:24px;line-height:1.6}.testimonial-attr{font-family:var(--font-vhs);color:var(--retro-gold);margin-top:16px;font-size:18px}#contact{background:radial-gradient(ellipse at 70% 30%, #ff2d951a 0%, transparent 50%), var(--dark-bg)}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:60px;display:grid}.contact-card{border:2px solid var(--neon-blue);color:var(--text-light);flex-direction:column;align-items:center;padding:30px;text-decoration:none;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--neon-pink);transform:translateY(-5px);box-shadow:0 0 30px #ff2d954d}.contact-icon{margin-bottom:12px;font-size:40px}.contact-label{font-family:var(--font-retro);color:var(--neon-blue);margin-bottom:8px;font-size:12px}.contact-value{font-family:var(--font-vhs);font-size:20px}.closing-line{text-align:center;margin-bottom:60px}.closing-line p{font-family:var(--font-marker);color:var(--retro-gold);margin-bottom:16px;font-size:clamp(24px,4vw,40px)}.blink{animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.footer{text-align:center;font-family:var(--font-vhs);color:#ffffff80;border-top:1px solid #ffffff1a;padding:30px 0;font-size:16px}.footer-small{color:#ffffff4d;margin-top:8px;font-size:14px}.fade-in-section{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in-section.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.stats-row{gap:30px}.projects-grid,.contact-grid,.skills-showcase{grid-template-columns:1fr}.neon-text{text-shadow:0 0 4px var(--neon-blue)}.neon-text.pink,.neon-pink{text-shadow:0 0 4px var(--neon-pink)}.enter-title{text-shadow:0 0 5px var(--neon-pink)}.hero-name .neon-text{text-shadow:0 0 4px var(--neon-blue)}.hero-name .neon-text.pink,.badge-clearance{text-shadow:0 0 4px var(--neon-pink)}.section-title{font-size:clamp(14px,3vw,28px)}.hero-tagline{font-size:clamp(18px,4vw,32px)}.stat-number{font-size:clamp(18px,4vw,36px)}#hero{min-height:auto;padding:60px 16px}.hero-name{letter-spacing:2px;font-size:clamp(28px,10vw,50px)}.hero-subtitle{font-size:clamp(13px,2.5vw,20px)}.hero-aside{margin-right:5%;font-size:clamp(14px,2vw,18px)}.hero-cta .retro-btn{padding:12px 24px;font-size:10px}.enter-title{letter-spacing:2px;font-size:clamp(22px,8vw,48px)}}.floating-heart{z-index:15;pointer-events:none;text-shadow:0 0 6px;animation:linear forwards heart-fall;position:fixed;top:-5%}@keyframes heart-fall{0%{opacity:var(--start-opacity,.5);transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(25vh)rotate(90deg)translate(30px)scale(.9)}50%{transform:translateY(50vh)rotate(180deg)translate(-20px)scale(1.1)}75%{transform:translateY(75vh)rotate(270deg)translate(15px)scale(.8)}to{opacity:0;transform:translateY(110vh)rotate(360deg)translate(-10px)scale(1)}}#clearance-badge{z-index:9998;border:2px solid var(--retro-gold);text-align:center;background:#000000d9;padding:14px 20px;animation:3s ease-in-out infinite badge-pulse;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 0 15px #ffd7004d,inset 0 0 10px #ffd7000d}#clearance-badge.visible{animation:.6s forwards badge-enter,3s ease-in-out .6s infinite badge-pulse;display:block}.badge-label{font-family:var(--font-retro);color:var(--retro-gold);letter-spacing:2px;margin-bottom:6px;font-size:8px}.badge-text{font-family:var(--font-vhs);color:var(--text-light);margin-bottom:4px;font-size:16px}.badge-clearance{font-family:var(--font-retro);color:var(--neon-pink);text-shadow:0 0 7px var(--neon-pink), 0 0 15px var(--neon-pink), 0 0 30px var(--neon-pink);letter-spacing:4px;margin-bottom:4px;font-size:22px}.badge-sub{font-family:var(--font-vhs);color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);font-size:15px}@keyframes badge-enter{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes badge-pulse{0%,to{box-shadow:0 0 15px #ffd7004d,inset 0 0 10px #ffd7000d}50%{box-shadow:0 0 25px #ffd70080,inset 0 0 15px #ffd7001a}}#music-toggle{z-index:9998;font-family:var(--font-vhs);border:1px solid var(--neon-pink);color:var(--neon-pink);cursor:pointer;background:#000000b3;padding:8px 16px;font-size:24px;transition:all .3s;position:fixed;bottom:20px;left:20px}#music-toggle:hover{background:#ff2d9533}#music-toggle.muted{color:#ffffff4d;border-color:#ffffff4d}