@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";html{scroll-behavior:smooth;font-size:110%}body{margin:0;min-width:320px}.pixel-icon{image-rendering:pixelated;image-rendering:crisp-edges;width:24px;height:24px}.pixel-character{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.character-sprite{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 10px 20px rgba(78,205,196,.3))}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;opacity:.4;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f0f23f2;border-bottom:var(--pixel-border) solid var(--accent-orange);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-logo{font-family:var(--font-pixel);font-size:.8rem;display:flex;align-items:center;gap:.25rem}.logo-text{color:var(--text-primary)}.logo-bracket{color:var(--accent-pink)}.nav-links{display:flex;list-style:none;gap:.5rem}.nav-links button{font-family:var(--font-pixel);font-size:.5rem;background:transparent;border:2px solid transparent;color:var(--accent-pink);padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.nav-links button:hover{color:var(--accent-pink);border-color:var(--accent-pink)}.nav-links button.active{color:var(--bg-primary);background:var(--accent-pink);border-color:var(--accent-pink)}@media(max-width:900px){.nav-links{display:none}}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:all .6s ease}.section-header.visible{opacity:1;transform:translateY(0)}.section-header h2{font-family:var(--font-pixel);font-size:1.2rem;color:var(--text-primary);white-space:nowrap}.section-number{color:var(--accent-pink);margin-right:.5rem}.section-line{flex:1;height:var(--pixel-border);background:var(--accent-orange);transform:scaleX(0);transform-origin:left;transition:transform .8s ease .3s}.section-header.visible .section-line{transform:scaleX(1)}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(78,205,196,.03) 2px,rgba(78,205,196,.03) 4px)}.hero-content{display:flex;align-items:center;justify-content:center;gap:4rem;max-width:1200px;width:100%;padding:0 2rem}.hero-text{flex:1}.greeting{display:flex;align-items:center;gap:.75rem;font-family:var(--font-pixel);font-size:.7rem;color:var(--accent-cyan);margin-bottom:1.5rem;animation:blink 1s infinite}.fire-icon{color:var(--accent-orange);animation:flicker .5s infinite alternate}@keyframes flicker{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.pixel-arrow{animation:bounce-right .5s ease infinite alternate;color:var(--accent-orange)}@keyframes bounce-right{0%{transform:translate(0)}to{transform:translate(5px)}}.hero h1{font-family:var(--font-pixel);line-height:1.8;margin-bottom:1.5rem}.name-first{display:block;font-size:2.5rem;color:var(--accent-pink);text-shadow:var(--pixel-shadow) var(--accent-purple)}.name-last{display:block;font-size:1.5rem;color:var(--text-primary)}.hero-aka{font-family:var(--font-pixel);font-size:.7rem;color:var(--text-secondary);margin-bottom:1rem;opacity:.9}.hero-aka strong{color:var(--accent-pink)}.hero-subtitle{font-family:var(--font-retro);font-size:1.8rem;color:var(--text-secondary);margin-bottom:2rem;min-height:2.5rem}.cursor{animation:cursor-blink .8s infinite;color:var(--accent-pink)}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem}.stat{display:flex;flex-direction:column;padding:1rem 1.5rem;background:var(--bg-secondary);border:var(--pixel-border) solid var(--accent-cyan);box-shadow:var(--pixel-shadow) #4ecdc44d;transition:all .3s ease}.stat:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #ff6b3566;border-color:var(--accent-orange)}.stat-value{font-family:var(--font-pixel);font-size:1.5rem;color:var(--accent-yellow)}.stat:hover .stat-value{color:var(--accent-orange)}.stat-label{font-family:var(--font-pixel);font-size:.5rem;color:var(--text-muted);margin-top:.5rem}.hero-buttons{display:flex;gap:1rem}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center}.hero-badges{display:flex;gap:1rem;margin-top:1.5rem}.badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:3px solid;font-family:var(--font-pixel);font-size:.5rem;animation:pulse 2s ease infinite}.badge-ai{border-color:var(--accent-purple);color:var(--accent-purple)}.badge-code{border-color:var(--accent-orange);color:var(--accent-orange);animation-delay:.5s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.scroll-indicator{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-pixel);font-size:.5rem;color:var(--text-muted);animation:bounce 2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.scroll-arrow{font-size:1rem;color:var(--accent-cyan)}@media(max-width:900px){.hero-content{flex-direction:column-reverse;text-align:center;gap:2rem}.hero-buttons,.hero-stats{justify-content:center}.name-first{font-size:1.8rem}.name-last{font-size:1rem}}@media(max-width:600px){.hero-stats{flex-direction:column;align-items:center}.stat{width:100%;max-width:200px}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;text-align:center}.name-first{font-size:1.4rem}.name-last{font-size:.8rem}}.about{background:var(--bg-secondary);min-height:100vh;padding:6rem 2rem 4rem}.about-content{display:grid;grid-template-columns:300px 1fr;gap:3rem;max-width:1100px;margin:0 auto;align-items:start}.about-portrait{opacity:0;transform:translate(-50px);transition:all .8s ease}.about-portrait.visible{opacity:1;transform:translate(0)}.portrait-frame{position:relative;width:250px;height:300px;margin:0 auto}.portrait-placeholder{width:100%;height:100%;background:var(--bg-tertiary);overflow:hidden;position:relative}.portrait-placeholder img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.portrait-fallback{display:none;width:100%;height:100%;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%)}.portrait-border{position:absolute;inset:-8px;border:var(--pixel-border) solid var(--accent-cyan);pointer-events:none}.portrait-corners span{position:absolute;width:16px;height:16px;background:var(--accent-pink)}.portrait-corners span:nth-child(1){top:-12px;left:-12px}.portrait-corners span:nth-child(2){top:-12px;right:-12px}.portrait-corners span:nth-child(3){bottom:-12px;left:-12px}.portrait-corners span:nth-child(4){bottom:-12px;right:-12px}.about-text-content{display:flex;flex-direction:column;gap:2rem}.about-text{opacity:0;transform:translateY(30px);transition:all .8s ease .2s}.about-text.visible{opacity:1;transform:translateY(0)}.about-text p{font-size:1.4rem;margin-bottom:1.5rem;color:var(--text-secondary)}.highlight{color:var(--accent-primary);font-weight:700}.about-info{display:flex;flex-direction:column;gap:1rem}.info-item{padding:1rem;background:var(--bg-tertiary);border-left:var(--pixel-border) solid var(--accent-pink);position:relative;overflow:hidden;opacity:0;transform:translate(30px);transition:all .5s ease,border-color .3s,transform .3s;cursor:pointer}.info-item.visible{opacity:1;transform:translate(0)}.info-item:hover{border-left-color:var(--accent-orange);transform:translate(8px)}.info-item .card-glow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,107,53,.1),transparent);opacity:0;transition:opacity .3s}.info-item:hover .card-glow{opacity:1}.info-label{display:block;font-family:var(--font-pixel);font-size:.5rem;color:var(--accent-pink);margin-bottom:.5rem;position:relative;z-index:1;transition:color .3s}.info-item:hover .info-label{color:var(--accent-orange)}.info-value{font-size:1.2rem;color:var(--text-primary);position:relative;z-index:1}@media(max-width:900px){.about-content{grid-template-columns:1fr;text-align:center}.about-portrait{order:-1}.portrait-frame{width:200px;height:240px}.about-info{max-width:400px;margin:0 auto}}.skills{background:var(--bg-primary);min-height:100vh;padding:6rem 2rem 4rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.skill-category{background:var(--bg-secondary);padding:1.5rem;border:var(--pixel-border) solid var(--bg-tertiary);opacity:0;transform:translateY(40px);transition:all .6s ease,border-color .3s}.skill-category.visible{opacity:1;transform:translateY(0)}.skill-category:hover{border-color:var(--accent-orange)}.skill-category h3{font-family:var(--font-pixel);font-size:.7rem;color:var(--accent-yellow);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.skill-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skill-bar.animated .skill-name{color:var(--text-primary)}.skill-name{font-family:var(--font-retro);font-size:1.1rem;color:var(--text-muted);min-width:100px;transition:color .3s}.skill-blocks{display:flex;gap:4px;flex:1}.skill-block{width:100%;height:16px;border:2px solid var(--text-muted);transition:all .4s ease;position:relative}.skill-block.filled{box-shadow:inset 0 0 8px #fff6,0 0 4px currentColor;animation:blockPulse .3s ease forwards}@keyframes blockPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.skill-percent{font-family:var(--font-pixel);font-size:.5rem;min-width:35px;text-align:right}.experience{background:var(--bg-secondary);min-height:100vh;padding:6rem 2rem 4rem}.exp-timeline-container{max-width:800px;margin:0 auto}.exp-item{display:flex;gap:1.5rem;margin-bottom:2rem;opacity:0;transform:translate(-30px);transition:all .5s ease}.exp-item.visible{opacity:1;transform:translate(0)}.exp-timeline{display:flex;flex-direction:column;align-items:center;width:20px}.exp-dot{width:16px;height:16px;background:var(--accent-pink);border:3px solid var(--bg-primary);flex-shrink:0;transition:all .3s}.exp-item:hover .exp-dot,.exp-item.hovered .exp-dot{background:var(--accent-orange);transform:scale(1.3);box-shadow:0 0 15px var(--accent-orange)}.exp-line{width:4px;flex:1;background:var(--accent-cyan);margin-top:4px}.exp-content{flex:1;padding:1rem 1.5rem;background:var(--bg-tertiary);border:3px solid transparent;position:relative;overflow:hidden;transition:all .3s ease}.exp-content .card-glow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,53,.1),transparent);opacity:0;transition:opacity .3s}.exp-item:hover .exp-content,.exp-item.hovered .exp-content{border-color:var(--accent-orange);transform:translate(8px)}.exp-item:hover .card-glow,.exp-item.hovered .card-glow{opacity:1}.exp-content h3{font-family:var(--font-pixel);font-size:.8rem;color:var(--text-primary);margin-bottom:.5rem;position:relative;z-index:1}.exp-company{font-size:1.1rem;color:var(--accent-pink);margin-bottom:.25rem;position:relative;z-index:1}.exp-item:hover .exp-company{color:var(--accent-orange)}.exp-period{font-family:var(--font-pixel);font-size:.5rem;color:var(--text-muted);margin-bottom:.75rem;position:relative;z-index:1}.exp-desc{font-size:1.2rem;color:var(--text-secondary);position:relative;z-index:1}.projects{background:var(--bg-primary);min-height:100vh;padding:6rem 2rem 4rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.project-card{background:var(--bg-secondary);padding:1.5rem;border:var(--pixel-border) solid var(--bg-tertiary);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease,border-color .3s ease,box-shadow .3s ease}.project-card.visible{opacity:1;transform:translateY(0)}.project-card.visible:hover,.project-card.visible.hovered{transform:translate(-4px,-4px)}.project-card .card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,107,53,.15),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.project-card:hover .card-glow,.project-card.hovered .card-glow{opacity:1}.project-card:hover,.project-card.hovered{border-color:var(--accent-orange);box-shadow:8px 8px #4ecdc44d}.project-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;position:relative;z-index:1}.project-header .pixel-icon{color:var(--accent-yellow);width:28px;height:28px;transition:transform .3s,color .3s}.project-card:hover .project-header .pixel-icon{transform:rotate(-10deg) scale(1.1);color:var(--accent-orange)}.project-header h3{font-family:var(--font-pixel);font-size:.65rem;color:var(--text-primary);line-height:1.4}.project-company{font-family:var(--font-pixel);font-size:.5rem;color:var(--accent-purple);margin-bottom:1rem;position:relative;z-index:1}.project-desc{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;position:relative;z-index:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;z-index:1}.tag{font-family:var(--font-pixel);font-size:.4rem;padding:.4rem .6rem;background:var(--bg-tertiary);color:var(--accent-cyan);border:2px solid var(--accent-pink);transition:all .2s}.project-card:hover .tag{background:var(--accent-orange);color:var(--bg-primary);border-color:var(--accent-orange)}.awards{background:var(--bg-secondary);min-height:100vh;padding:6rem 2rem 4rem}.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.award-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border:var(--pixel-border) solid var(--accent-yellow);box-shadow:var(--pixel-shadow) #ffd93d33;position:relative;overflow:hidden;cursor:pointer;opacity:0;transform:translateY(30px);transition:all .4s ease,transform .3s ease,box-shadow .3s ease}.award-item.visible{opacity:1;transform:translateY(0)}.award-item .card-glow{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,107,53,.15),transparent 60%);opacity:0;transition:opacity .3s}.award-item:hover .card-glow,.award-item.hovered .card-glow{opacity:1}.award-item:hover,.award-item.hovered{transform:translate(-4px,-4px);box-shadow:8px 8px #ff6b3566;border-color:var(--accent-orange)}.award-item .pixel-icon{color:var(--accent-yellow);width:32px;height:32px;flex-shrink:0;position:relative;z-index:1;transition:transform .3s,color .3s}.award-item:hover .pixel-icon{transform:scale(1.2) rotate(-5deg);color:var(--accent-orange)}.award-content{flex:1;position:relative;z-index:1}.award-placement{font-family:var(--font-pixel);font-size:.6rem;color:var(--accent-yellow);font-weight:700;transition:all .3s ease;display:inline-block}.award-item:hover .award-placement{color:var(--accent-pink);transform:scale(1.1)}.award-content h4{font-family:var(--font-pixel);font-size:.6rem;color:var(--text-primary);margin:.5rem 0;line-height:1.4}.award-content p{font-size:1rem;color:var(--text-muted)}.contact{background:var(--bg-primary);min-height:100vh;padding:6rem 2rem 4rem;text-align:center}.contact-content{max-width:600px;margin:0 auto;opacity:0;transform:translateY(30px);transition:all .6s ease}.contact-content.visible{opacity:1;transform:translateY(0)}.contact-text{font-size:1.4rem;color:var(--text-secondary);margin-bottom:2.5rem}.contact-links{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.contact-link{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border:3px solid var(--bg-tertiary);color:var(--text-primary);text-decoration:none;font-size:1.2rem;transition:all .3s ease;position:relative;overflow:hidden}.contact-link:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff6b351a,#4ecdc41a);transform:translate(-100%);transition:transform .3s ease}.contact-link:hover:before{transform:translate(0)}.contact-link:hover{border-color:var(--accent-orange);color:var(--accent-primary);transform:translate(10px);box-shadow:-4px 4px #ff6b354d}.contact-link .pixel-icon{color:var(--accent-primary);position:relative;z-index:1;transition:transform .3s}.contact-link:hover .pixel-icon{transform:scale(1.2);color:var(--accent-secondary)}.contact-link span{position:relative;z-index:1}.btn-large{padding:1.25rem 2rem;font-size:.7rem}.footer{background:var(--bg-secondary);padding:2rem;text-align:center;border-top:var(--pixel-border) solid var(--accent-cyan)}.footer-content p{font-size:1rem;margin-bottom:.5rem}.footer-content .highlight{color:var(--accent-orange)}.footer-logo{height:3.5rem;vertical-align:middle;margin-left:.3rem}.footer-year{font-family:var(--font-pixel);font-size:.5rem;color:var(--accent-yellow)}.footer-decoration{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem;overflow:hidden}.footer-decoration .pixel-icon{width:12px;height:12px;color:var(--accent-yellow);opacity:.5;animation:twinkle 2s ease infinite}.footer-decoration .pixel-icon:nth-child(odd){animation-delay:.5s;color:var(--accent-orange)}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--accent-cyan: #4ecdc4;--accent-pink: #ff6b9d;--accent-yellow: #ffd93d;--accent-purple: #a855f7;--accent-green: #6bcb77;--accent-orange: #ff6b35;--accent-red: #ff4757;--accent-warm: #ff8c42;--accent-primary: var(--accent-cyan);--accent-secondary: var(--accent-pink);--accent-glow: rgba(78, 205, 196, .4);--text-primary: #e8e8e8;--text-secondary: #9ca3af;--text-muted: #6b7280;--font-pixel: "Press Start 2P", cursive;--font-retro: "VT323", monospace;--pixel-border: 4px;--pixel-shadow: 4px 4px 0px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-retro);background-color:var(--bg-primary);color:var(--text-primary);font-size:18px;line-height:1.6;overflow-x:hidden}.app{opacity:0;transition:opacity .5s ease}.app.loaded{opacity:1}section{position:relative;z-index:1}.highlight{color:var(--accent-orange);font-weight:700}.btn{font-family:var(--font-pixel);font-size:.6rem;padding:1rem 1.5rem;text-decoration:none;border:var(--pixel-border) solid;transition:all .2s ease;cursor:pointer;display:inline-block}.btn-primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary);box-shadow:var(--pixel-shadow) #4ecdc480}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #4ecdc480;background:var(--accent-cyan);border-color:var(--accent-cyan)}.btn-secondary{background:transparent;border-color:var(--accent-pink);color:var(--accent-pink);box-shadow:var(--pixel-shadow) #ff6b9d4d}.btn-secondary:hover{background:var(--accent-pink);color:var(--bg-primary);transform:translate(-2px,-2px);box-shadow:6px 6px #ff6b9d80}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px)}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%)}@media(max-width:900px){section{padding:5rem 1rem 3rem}}