@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=VT323&family=Space+Mono:wght@400;700&family=Comic+Neue:wght@400;700&display=swap";::selection{color:inherit;background:0 0}:root{--bg:#0a0a0a;--bg2:#111;--surf:#1a1a1a;--tx:#f0f0f0;--tx2:silver;--tx3:#888;--acc:#ff003c;--acc2:#f33;--neon-green:#0f4;--neon-yellow:#ff0;--neon-orange:#f60;--hot-pink:#f0f;--electric-blue:#00bfff;--bdr:#050;--bevel-light:#666;--bevel-dark:#222;--font-pixel:"VT323", monospace;--font-mono:"Space Mono", monospace;--font-body:"Comic Neue", "Comic Sans MS", cursive, sans-serif;--font-system:system-ui, -apple-system, sans-serif;--font-calligraphy:"Great Vibes", cursive;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--tx);font-size:16px;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--acc);color:#000}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a1a;border-left:2px solid #333}::-webkit-scrollbar-thumb{background:linear-gradient(#444,#222);border:2px outset #555}#retro-loader{z-index:99999;background:navy;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.win98-window{background:silver;border:2px outset #fff;min-width:400px;max-width:500px;padding:0;box-shadow:2px 2px #000}.win98-titlebar{color:#fff;font-family:var(--font-pixel);-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between;align-items:center;padding:3px 6px;font-size:16px;display:flex}.win98-titlebar-text{letter-spacing:1px;font-weight:700}.win98-titlebar-btns{gap:2px;display:flex}.win98-btn{cursor:pointer;width:16px;height:14px;font-size:8px;font-family:var(--font-pixel);background:silver;border:2px outset #fff;justify-content:center;align-items:center;line-height:1;display:flex}.win98-btn:active{border-style:inset}.win98-body{text-align:center;background:silver;padding:20px}.win98-body p{font-family:var(--font-pixel);color:#000;margin-bottom:12px;font-size:16px}.win98-progress-outer{background:#fff;border:2px inset gray;width:100%;height:20px;margin-bottom:8px;padding:2px}.win98-progress-inner{background:repeating-linear-gradient(90deg,navy 0 10px,#0000a0 10px 12px);width:0%;height:100%;transition:width .2s}.win98-percent{font-family:var(--font-pixel);color:#000;font-size:14px}.crt-overlay{pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 3px);position:fixed;inset:0}#scroll-progress{z-index:9999;pointer-events:none;background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#00f,#8b00ff,red) 0 0/200% 100%;width:0%;height:3px;animation:3s linear infinite rgbScroll;position:fixed;top:0;left:0}@keyframes rgbScroll{0%{background-position:0%}to{background-position:200%}}.rv{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(24px)}.rv.in{opacity:1;transform:none}.rv{transition-delay:calc(var(--i,0) * 80ms)}.rv-left{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translate(-40px)}.rv-left.in{opacity:1;transform:none}.rv-right{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translate(40px)}.rv-right.in{opacity:1;transform:none}.rv-scale{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:scale(.9)}.rv-scale.in{opacity:1;transform:none}.rv-blur{opacity:0;filter:blur(8px);transition:opacity .5s var(--ease), transform .5s var(--ease), filter .5s var(--ease);transform:translateY(16px)}.rv-blur.in{opacity:1;filter:none;transform:none}.tilt-card{transition:transform .3s var(--ease), box-shadow .3s}.tilt-card:hover{transform:translateY(-4px)rotateX(2deg);box-shadow:0 8px 24px #0000004d}.stagger-children>*{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);transform:translateY(16px)}.stagger-children.in>:first-child{transition-delay:0s}.stagger-children.in>:nth-child(2){transition-delay:60ms}.stagger-children.in>:nth-child(3){transition-delay:.12s}.stagger-children.in>:nth-child(4){transition-delay:.18s}.stagger-children.in>:nth-child(5){transition-delay:.24s}.stagger-children.in>:nth-child(6){transition-delay:.3s}.stagger-children.in>:nth-child(n+7){transition-delay:.36s}.stagger-children.in>*{opacity:1;transform:none}.container{max-width:1100px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.label{font-family:var(--font-pixel);letter-spacing:2px;text-transform:uppercase;color:var(--neon-green);border:2px inset var(--bdr);text-shadow:0 0 8px var(--neon-green);background:#ff00000f;margin-bottom:1rem;padding:4px 10px;font-size:18px;display:inline-block}.rgb-text{background:linear-gradient(90deg,red,#f70,#ff0,#0f0,#0ff,#00f,#8b00ff,#f0f,red) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite rgbCycle}@keyframes rgbCycle{0%{background-position:0%}to{background-position:200%}}.rgb-btn{color:#fff;font-family:var(--font-pixel);letter-spacing:1px;cursor:pointer;z-index:1;background:#1a1a1a;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:18px;display:inline-flex;position:relative;overflow:hidden}.rgb-btn:before{content:"";z-index:-2;background:linear-gradient(45deg,red,#f70,#ff0,#0f0,#0ff,#00f,#8b00ff,#f0f,red) 0 0/400% 400%;animation:3s linear infinite rgbGlow;position:absolute;inset:-3px}.rgb-btn:after{content:"";z-index:-1;background:#1a1a1a;position:absolute;inset:2px}.rgb-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ff00ff80,0 0 40px #00ffff4d}@keyframes rgbGlow{0%{background-position:0%}to{background-position:400%}}.rgb-toggle-btn{width:32px;height:32px;color:var(--neon-green);cursor:pointer;background:#222;border:2px outset #444;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.rgb-toggle-btn svg{width:16px;height:16px;stroke:var(--neon-green)}.rgb-toggle-btn:hover,.rgb-toggle-btn.active{border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.rgb-panel{z-index:600;background:#1a1a1a;border:2px outset #444;flex-direction:column;gap:8px;width:240px;padding:10px;display:none;position:fixed;top:64px;right:20px;box-shadow:4px 4px #000}.rgb-panel.open{display:flex}.rgb-panel-header{font-family:var(--font-pixel);color:var(--tx3);letter-spacing:2px;text-transform:uppercase;border-bottom:1px inset #333;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:12px;display:flex}.rgb-panel-reset{color:var(--neon-green);font-family:var(--font-pixel);cursor:pointer;letter-spacing:1px;background:0 0;border:1px inset #333;padding:2px 6px;font-size:10px}.rgb-panel-reset:hover{border-color:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.rgb-panel-presets{flex-wrap:wrap;gap:3px;display:flex}.rgb-swatch{cursor:pointer;border:2px outset #444;width:20px;height:20px;transition:transform .15s}.rgb-swatch:hover{border-style:inset;transform:scale(1.2)}.rgb-swatch.active{border-style:inset;box-shadow:0 0 6px}.rgb-panel-spectrum{cursor:crosshair;border:1px inset #333;width:100%;height:120px;position:relative;overflow:hidden}.rgb-spectrum-canvas{background:#0f0;position:absolute;inset:0}.rgb-spectrum-brightness{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.rgb-panel-spectrum:after{content:"";background:linear-gradient(#0000,#000);position:absolute;inset:0}.rgb-spectrum-cursor{pointer-events:none;z-index:2;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 4px #000}.rgb-panel-hue{cursor:pointer;border:1px inset #333;width:100%;height:16px;position:relative}.rgb-hue-bar{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:absolute;inset:0}.rgb-hue-cursor{pointer-events:none;z-index:2;background:#fff;border:1px solid #000;width:6px;height:20px;position:absolute;top:-2px;transform:translate(-50%)}.rgb-panel-preview{border-top:1px inset #333;align-items:center;gap:8px;padding-top:6px;display:flex}.rgb-preview-swatch{border:2px inset #333;flex-shrink:0;width:28px;height:28px}.rgb-preview-hex{background:var(--bg);color:var(--tx);font-family:var(--font-pixel);text-transform:uppercase;letter-spacing:1px;border:2px inset #333;outline:none;flex:1;padding:4px 8px;font-size:14px}.rgb-preview-hex:focus{border-color:var(--neon-green)}#navbar{z-index:500;padding:0 clamp(1rem,3vw,2rem);transition:all .3s;position:fixed;inset:0 0 auto}#navbar.on{background:#0a0a0af2;border-bottom:2px outset #333}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:56px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);letter-spacing:2px;font-size:24px;font-weight:700;transition:color .3s}.nav-logo:hover,.nav-logo span{color:var(--acc);text-shadow:0 0 10px var(--acc)}.nav-links{gap:4px;list-style:none;display:flex}.nav-header-image-wrap{display:none}.nav-link{font-family:var(--font-pixel);color:var(--tx2);letter-spacing:1px;white-space:nowrap;border:1px solid #0000;padding:6px 12px;font-size:15px;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--neon-green);border-color:var(--neon-green);text-shadow:0 0 8px var(--neon-green);background:#ff00000f}.nav-right{align-items:center;gap:6px;display:flex}.nav-icon-btn{width:32px;height:32px;color:var(--tx2);cursor:pointer;background:#222;border:2px outset #444;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-icon-btn:hover{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.nav-icon-btn svg{width:16px;height:16px;display:block}.cli-btn{width:32px;height:32px;color:var(--neon-green);cursor:pointer;background:#222;border:2px outset #444;justify-content:center;align-items:center;transition:all .2s;display:flex}.cli-btn:hover{border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.theme-btn{width:32px;height:32px;color:var(--neon-yellow);cursor:pointer;background:#222;border:2px outset #444;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-btn:hover{border-color:var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow)}.nav-resume-btn{font-family:var(--font-pixel);color:var(--neon-yellow);cursor:pointer;letter-spacing:1px;background:#222;border:2px outset #444;padding:4px 12px;font-size:14px;transition:all .2s}.nav-resume-btn:hover{border-color:var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow);background:#333}.nav-contact{font-family:var(--font-pixel);color:var(--acc);letter-spacing:1px;background:#222;border:2px outset #444;padding:4px 12px;font-size:14px;transition:all .2s}.nav-contact:hover{border-color:var(--acc);box-shadow:0 0 10px var(--acc);background:#333}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.hamburger span{background:var(--neon-green);width:20px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}#hero{--hero-bg:#0a0a0a;--hero-tx:#f0f0f0;--hero-tx2:silver;--hero-tx3:#888;--hero-acc:red;align-items:center;min-height:100vh;display:flex;position:relative}.hero-bg{filter:brightness(.45)saturate(.9);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:background-image 1.5s;position:absolute;inset:0}.hero-video{object-fit:cover;z-index:0;filter:brightness(1.2)saturate(1.1);width:100%;height:100%;position:absolute;top:0;left:0}.spark{pointer-events:none;z-index:9999;animation:1.5s ease-out forwards sparkFloat;position:fixed}@keyframes sparkFloat{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}50%{opacity:.8}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(0) rotate(360deg)}}.spark-wing{background:var(--spark-color);transform-origin:50%;width:8px;height:8px;box-shadow:0 0 6px var(--spark-color), 0 0 12px var(--spark-color);border-radius:50% 0;position:absolute}.hero-bg.loaded{animation:heroReveal 1.2s var(--ease)}@keyframes heroReveal{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.hero-fade{z-index:1;background:linear-gradient(135deg,#0a0a0ae6 0%,#0a0a0a80 50%,#0000 100%);position:absolute;inset:0}.hero-inner{z-index:2;box-sizing:border-box;grid-template-columns:1fr auto;align-items:center;gap:4rem;width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.hero-left{max-width:700px}.hero-tag{font-family:var(--font-pixel);letter-spacing:4px;text-transform:uppercase;color:var(--hero-tx3);opacity:0;animation:fadeUp .5s var(--ease) .2s forwards;margin-bottom:2rem;padding-left:24px;font-size:13px;display:inline-block;position:relative}.hero-tag:before{content:"";background:var(--hero-acc);width:16px;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero-name{margin-bottom:2rem}.hn-line{display:block}.hn-word{font-family:var(--font-calligraphy);letter-spacing:-2px;word-break:break-word;overflow-wrap:break-word;color:#e6a8a8;opacity:0;animation:wordUp .8s var(--ease) calc(.3s + var(--i) * .15s) forwards;font-size:clamp(4rem,8vw + 2rem,14rem);font-weight:400;line-height:.9;display:inline-block;transform:translateY(100%)}.hn-italic{font-family:var(--font-body);color:var(--hero-tx);opacity:0;animation:wordUp .8s var(--ease) calc(.3s + var(--i) * .15s) forwards;font-size:clamp(2rem,5vw + 1rem,8rem);font-style:italic;font-weight:700;transform:translateY(100%)}.hero-sub{color:var(--hero-tx3);opacity:0;max-width:480px;animation:fadeUp .6s var(--ease) .7s forwards;font-size:1rem;line-height:1.8;font-family:var(--font-body);margin-bottom:2.5rem}.hero-actions{opacity:0;animation:fadeUp .6s var(--ease) .9s forwards;flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-right{opacity:0;animation:fadeUp .6s var(--ease) 1.1s forwards;flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.hero-status{font-family:var(--font-pixel);color:var(--hero-tx3);text-transform:uppercase;letter-spacing:2px;writing-mode:vertical-rl;text-orientation:mixed;font-size:11px}.hero-status span{color:#0f4;text-shadow:0 0 8px #0f4}@keyframes wordUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.btn-fill{background:var(--hero-acc);color:#000;font-family:var(--font-pixel);letter-spacing:3px;cursor:pointer;text-transform:uppercase;border:none;border-radius:0;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.btn-fill:after{content:"";transform-origin:100%;background:#000;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.btn-fill:hover:after{transform-origin:0;transform:scaleX(1)}.btn-fill:hover{transform:none}.btn-line{color:var(--hero-tx2);font-family:var(--font-pixel);cursor:pointer;text-transform:uppercase;letter-spacing:3px;background:0 0;border:1px solid #ff00004d;border-radius:0;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-line:hover{border-color:var(--hero-acc);color:var(--hero-acc)}.btn-icon-link{width:44px;height:44px;color:var(--hero-tx3);background:0 0;border:1px solid #f003;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon-link:hover{border-color:var(--neon-green);color:var(--neon-green);box-shadow:0 0 15px var(--neon-green);transform:translateY(-2px)}.btn-icon-link svg{display:block}.hero-scroll-hint{z-index:3;opacity:0;animation:fadeUp .5s var(--ease) 1.2s forwards;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-bar{background:linear-gradient(to bottom, var(--neon-green), transparent);width:2px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}.visitor-counter{z-index:1000;font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 6px var(--neon-green);background:#000;border:2px inset #333;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex;position:fixed;bottom:16px;right:20px}.visitor-counter span{color:var(--neon-yellow)}#about{background:var(--bg);padding:120px 0 100px;position:relative}#about:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-green), transparent);height:2px;position:absolute;top:0;left:0;right:0}.about-layout{grid-template-columns:350px 1fr;align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.portrait-frame{aspect-ratio:4/5;border:3px outset #444;width:100%;transition:all .4s;position:relative;overflow:hidden;box-shadow:4px 4px #000}.portrait-frame:hover{border-color:var(--neon-green);box-shadow:0 0 20px var(--neon-green)}.portrait-img{object-fit:cover;filter:saturate(.7)sepia(.1);width:100%;height:100%;transition:all .5s}.portrait-frame:hover .portrait-img{filter:saturate()sepia(0);transform:scale(1.05)}.portrait-caption{text-align:center;font-family:var(--font-pixel);color:var(--tx3);letter-spacing:2px;text-transform:uppercase;margin-top:8px;font-size:14px}.about-title{font-family:var(--font-pixel);color:var(--tx);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.about-title em{font-family:var(--font-body);color:var(--acc);text-shadow:0 0 15px var(--acc);font-style:italic;font-weight:700}.about-body{margin-bottom:2rem}.about-body p{color:var(--tx2);font-size:1rem;line-height:1.7;font-family:var(--font-body);margin-bottom:.8rem}.stat-strip{border:3px outset #444;gap:0;display:flex;overflow:hidden;box-shadow:3px 3px #000}.ss{text-align:center;border-right:2px inset #333;flex:1;padding:1rem .6rem;transition:all .2s}.ss:last-child{border-right:none}.ss:hover{background:#ff00000f}.ss-num{font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 8px var(--neon-green);margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1;display:block}.ss-label{font-family:var(--font-pixel);color:var(--tx3);letter-spacing:1px;text-transform:uppercase;font-size:12px}#activity{background:var(--surf);border-top:2px inset #333;border-bottom:2px inset #333;padding:80px 0}.activity-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.activity-card{background:var(--bg);border:2px outset #444;border-radius:8px;min-width:0;padding:1.5rem;transition:all .3s;box-shadow:3px 3px #000}.activity-card:hover{border-color:var(--neon-green);box-shadow:0 0 15px #ff000026}.lc-heat-card{grid-column:1/-1}.lc-body{align-items:center;gap:2rem;display:flex}.lc-ring{background:conic-gradient(var(--neon-green) var(--progress,0%), #ffffff1a var(--progress,0%));border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lc-ring:before{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:8px}.lc-ring-num{z-index:1;font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);font-size:2rem;font-weight:700;position:relative}.lc-breakdown{flex:1;min-width:0}.lc-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.lc-title{font-family:var(--font-pixel);color:var(--tx);text-transform:uppercase;letter-spacing:2px;font-size:16px}.lc-streak{background:#ff00000f;border:1px inset #333;border-radius:4px;align-items:center;gap:8px;padding:4px 12px;display:flex}.lc-streak-num{font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 8px var(--neon-green);font-size:1.5rem;font-weight:700}.gh-card{background:var(--bg);border:2px outset #444;border-radius:8px;padding:1.5rem}.gh-stats-row strong{color:var(--neon-green);text-shadow:0 0 6px var(--neon-green)}#skills{background:var(--bg2);border-top:2px inset #333;padding:80px 0;position:relative}.section-title{font-family:var(--font-pixel);color:var(--tx);text-transform:uppercase;letter-spacing:3px;margin-bottom:2rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.skills-list{z-index:1;grid-template-columns:repeat(12,1fr);gap:1rem;display:grid;position:relative}.sk-card:first-child{grid-column:span 7}.sk-card:nth-child(2),.sk-card:nth-child(3){grid-column:span 5}.sk-card:nth-child(4){grid-column:span 7}.sk-card{--sk-accent:var(--neon-green);background:var(--bg);border:2px outset #444;border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;position:relative;box-shadow:3px 3px #000}.sk-card:hover{border-color:var(--sk-accent);transform:translateY(-4px);box-shadow:0 0 20px #ff000026}.sk-card-top{align-items:center;gap:12px;display:flex}.sk-icon-wrap{flex-shrink:0;width:44px;height:44px;position:relative}.sk-icon{background:var(--bg);color:var(--sk-accent);border:2px outset #444;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.sk-icon svg{stroke:currentColor;fill:none;width:20px;height:20px}.sk-card:hover .sk-icon{border-color:var(--sk-accent);box-shadow:0 0 10px var(--sk-accent)}.sk-title-group{flex:1;min-width:0}.sk-title{font-family:var(--font-pixel);color:var(--tx);text-transform:uppercase;letter-spacing:1px;font-size:18px;font-weight:700;line-height:1.2}.sk-count{font-family:var(--font-pixel);color:var(--sk-accent);letter-spacing:2px;text-transform:uppercase;font-size:12px}.sk-card-num{font-family:var(--font-pixel);color:var(--sk-accent);opacity:.1;letter-spacing:-2px;flex-shrink:0;font-size:3rem;font-weight:700;line-height:1}.sk-card:hover .sk-card-num{opacity:.2}.sk-divider{background:linear-gradient(90deg, var(--sk-accent), transparent);opacity:.3;height:2px}.sk-ticker{flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.sk-ticker:before,.sk-ticker:after{content:"";z-index:2;pointer-events:none;width:2rem;position:absolute;top:0;bottom:0}.sk-ticker:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.sk-ticker:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}.sk-ticker-row{white-space:nowrap;padding:2px 0;overflow:hidden}.sk-ticker-inner{gap:6px;animation:20s linear infinite tickerScroll;display:inline-flex}.sk-ticker-rev .sk-ticker-inner{animation:24s linear infinite tickerScrollRev}.sk-card:hover .sk-ticker-inner{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes tickerScrollRev{0%{transform:translate(-50%)}to{transform:translate(0)}}.sk-pill{font-family:var(--font-pixel);color:var(--tx2);white-space:nowrap;cursor:default;background:#ffffff05;border:1px inset #333;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:14px;transition:all .2s;display:inline-flex}.sk-pill:hover{border-color:var(--sk-accent);color:var(--tx);background:#ff00000f;transform:translateY(-2px)}.sk-tag-icon{justify-content:center;align-items:center;display:inline-flex}.sk-tag-icon svg{width:12px;height:12px;fill:var(--sk-accent);opacity:.7}.sk-pill:hover .sk-tag-icon svg{opacity:1}#projects{background:var(--bg);padding:100px 0}.proj-item{border-bottom:2px inset #333}.proj-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);max-width:1100px;margin:0 auto;padding:clamp(2rem,4vw,3rem) clamp(1rem,3vw,2rem);display:grid}.proj-item:nth-child(2n) .proj-inner{direction:rtl}.proj-item:nth-child(2n) .proj-inner>*{direction:ltr}.proj-img-col{aspect-ratio:16/10;border:3px outset #444;transition:all .4s;position:relative;overflow:hidden;box-shadow:4px 4px #000}.proj-img-col:hover{border-color:var(--neon-green);box-shadow:0 0 20px var(--neon-green)}.proj-img{object-fit:cover;filter:saturate(.6)sepia(.1);width:100%;height:100%;transition:all .5s}.proj-img-col:hover .proj-img{filter:saturate()sepia(0);transform:scale(1.05)}.pxl-wrap{transition:transform .5s;position:absolute;inset:0}.proj-img-col:hover .pxl-wrap{transform:scale(1.05)}.pxl-piece{opacity:0;transition:opacity .5s;position:absolute;inset:0}.pxl-img{object-fit:cover;width:100%;height:100%;filter:grayscale()!important;transform:none!important}.proj-item.in .pxl-piece{opacity:1}.proj-item.in .pxl-img{filter:saturate(1.1)sepia(0)!important}.proj-num{font-family:var(--font-pixel);color:var(--tx);opacity:.08;pointer-events:none;font-size:4rem;font-weight:700;line-height:1;position:absolute;top:8px;left:12px}.proj-tag{font-family:var(--font-pixel);color:var(--neon-green);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 6px var(--neon-green);margin-bottom:6px;font-size:12px}.proj-title{font-family:var(--font-pixel);color:var(--tx);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;line-height:1.1}.proj-stack{font-family:var(--font-pixel);color:var(--tx3);letter-spacing:1px;margin-bottom:.8rem;font-size:14px}.proj-desc{color:var(--tx2);font-size:.95rem;line-height:1.7;font-family:var(--font-body);margin-bottom:1rem}.proj-highlights{flex-wrap:wrap;gap:6px;margin-bottom:1.2rem;display:flex}.proj-hl{font-family:var(--font-pixel);color:var(--tx3);text-transform:uppercase;letter-spacing:1px;border:1px inset #333;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:flex}.proj-hl:before{content:"*";color:var(--neon-green)}.proj-cta{font-family:var(--font-pixel);color:var(--acc);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:6px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.proj-cta:hover{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green)}.proj-cta svg{stroke:currentColor;width:14px;height:14px;transition:transform .2s}.proj-cta:hover svg{transform:translate(4px)}.proj-cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.proj-cta-live{color:var(--neon-green);border:1px solid var(--neon-green);border-radius:4px;padding:4px 12px}.proj-cta-live:hover{box-shadow:0 0 10px var(--neon-green);background:#ff00000f}#achievements{background:var(--bg2);border-top:2px inset #333;padding:80px 0}.ach-list{flex-direction:column;gap:0;display:flex}.ach-row{border-bottom:1px inset #333;align-items:center;gap:1.2rem;padding:1rem 0;transition:all .2s;display:flex;overflow:hidden}.ach-row:first-child{border-top:1px inset #333}.ach-row:hover{border-color:var(--neon-green);padding-left:10px}.ach-icon{border:2px outset #444;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.ach-icon svg{stroke:var(--neon-green)}.ach-row:hover .ach-icon{border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.ach-name{font-family:var(--font-body);color:var(--tx2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1rem;font-weight:700;overflow:hidden}.ach-detail{color:var(--tx3);min-width:0;font-size:.9rem;font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ach-sub{font-family:var(--font-pixel);color:var(--tx3);text-align:right;text-transform:uppercase;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-size:12px;overflow:hidden}.ach-link{color:var(--neon-green);cursor:pointer;text-decoration:none;transition:color .2s}.ach-link:hover{color:#fff;text-decoration:underline}.ach-cert-img{flex-shrink:0;margin-left:auto}.ach-cert-img img{border:1px solid #444;border-radius:4px;width:auto;height:48px;transition:all .2s}.ach-cert-img img:hover{border-color:var(--neon-green);height:120px;box-shadow:0 0 12px var(--neon-green);z-index:10;position:relative}#contact{background:var(--bg);padding:100px 0 80px;position:relative}#contact:before{content:"";background:linear-gradient(90deg, transparent, var(--acc), transparent);height:2px;position:absolute;top:0;left:0;right:0}.contact-title{font-family:var(--font-pixel);color:var(--tx);text-transform:uppercase;letter-spacing:3px;margin-bottom:2rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.contact-title em{font-family:var(--font-body);color:var(--acc);text-shadow:0 0 15px var(--acc);font-style:italic;font-weight:700}.contact-layout{grid-template-columns:1fr 1.3fr;align-items:start;gap:clamp(2rem,4vw,4rem);display:grid}.contact-body{color:var(--tx2);font-size:1rem;line-height:1.7;font-family:var(--font-body);margin-bottom:1.5rem}.contact-links-list{flex-direction:column;gap:6px;display:flex}.cl-item{border-bottom:1px inset #333;align-items:center;gap:10px;padding:8px 0;transition:all .2s;display:flex}.cl-item:hover{border-color:var(--neon-green);padding-left:10px}.cl-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cl-icon svg{stroke:var(--neon-green)}.cl-label{color:var(--tx2);font-size:.9rem;font-family:var(--font-body)}.contact-form{background:var(--surf);border:3px outset #444;border-radius:8px;padding:clamp(1.5rem,3vw,2rem);position:relative;box-shadow:4px 4px #000}.form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fg{margin-bottom:10px}.fg label{font-family:var(--font-pixel);color:var(--tx3);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:14px;display:block}.fg input,.fg textarea{background:var(--bg);width:100%;color:var(--tx);font-family:var(--font-body);resize:vertical;border:2px inset #333;outline:none;padding:8px 12px;font-size:1rem;transition:border-color .2s}.fg input:focus,.fg textarea:focus{border-color:var(--neon-green);box-shadow:0 0 10px #ff000026}#footer{background:var(--bg);border-top:2px outset #333;padding:1.5rem 0}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.foot-left{font-family:var(--font-pixel);color:var(--tx2);letter-spacing:1px;font-size:14px}.foot-right{font-family:var(--font-pixel);color:var(--tx3);align-items:center;gap:6px;font-size:12px;display:flex}#foot-time{color:var(--neon-green);text-shadow:0 0 6px var(--neon-green)}#terminal-overlay{z-index:8000;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#terminal-overlay.t-open{opacity:1;pointer-events:all}#terminal-window{background:#000;border:2px outset #444;flex-direction:column;width:min(900px,92vw);height:min(700px,85vh);font-family:VT323,Fira Code,JetBrains Mono,monospace;transition:transform .3s;display:flex;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:4px 4px #000}#terminal-overlay.t-open #terminal-window{transform:none}#terminal-top{background:linear-gradient(90deg,navy,#1084d0);flex-shrink:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.t-dots{gap:4px;width:50px;display:flex}.t-dot{border:none;flex-shrink:0;width:12px;height:12px;padding:0}.t-red{cursor:pointer;background:#ff5f57}.t-yellow{background:#febc2e}.t-green{background:#28c840}#terminal-label{text-align:center;color:#fff;font-size:14px;font-family:var(--font-pixel);letter-spacing:1px;flex:1}#terminal-body{scrollbar-width:thin;scrollbar-color:#333 transparent;flex-direction:column;flex:1;min-height:0;padding:10px;display:flex;overflow:hidden auto}#terminal-output{color:#0f0;white-space:pre-wrap;word-break:break-word;font-size:16px;line-height:1.5;overflow-x:hidden}#terminal-output .t-big-art,#terminal-output .t-sig-art{white-space:pre;max-width:100%;overflow-x:auto}.t-line-cmd{color:#fff;margin-top:.5rem}.t-line-cmd:before{content:"> ";color:var(--neon-green)}.t-line-out{color:#00ff00bf;padding-left:4px}.t-line-out.t-accent{color:var(--neon-green)}.t-line-out.t-dim{color:#00ff0061}.t-line-out.t-success{color:#0f0}.t-line-out.t-error{color:#f55}.t-line-out.t-head{color:#fff;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:14px;font-weight:700}.t-hl{color:var(--neon-green)}.t-sep{color:#0f06}.t-dim{color:#00ff0059}.t-success{color:#0f0}.t-big-art{color:inherit;white-space:pre;text-align:center;font-family:monospace;font-size:clamp(4px,1.1vw,8px);line-height:.85;display:block;overflow-x:auto}.t-art-frame{border:2px solid var(--neon-green);background:#000;max-width:100%;margin:.5rem 0;position:relative;overflow:hidden;box-shadow:0 0 10px #ff000026}.t-art-frame:after{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 3px);position:absolute;inset:0}.t-art-img{object-fit:contain;filter:saturate(.85)contrast(1.05);width:100%;max-height:min(360px,50vh);transition:all .3s;display:block}.t-art-frame:hover .t-art-img{filter:saturate()contrast(1.1);transform:scale(1.02)}.t-art-meta{color:#00ff0073;border-top:1px solid var(--neon-green);z-index:3;font-size:14px;font-family:var(--font-pixel);background:#0009;align-items:center;gap:8px;padding:4px 8px;display:flex;position:relative}.t-art-meta a{color:var(--neon-green)!important}.t-sig-art{white-space:pre;text-align:center;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;font-variant-ligatures:none;max-width:100%;margin:0 auto;font-family:Fira Code,Consolas,Courier New,monospace;font-size:clamp(5px,1.2vw,11px);line-height:1.2;display:block;overflow-x:auto}.t-skill-icon{vertical-align:-2px;width:14px;height:14px;margin-right:2px;display:inline-block}.t-skill-row{flex-wrap:wrap;align-items:center;gap:4px 10px;padding:2px 0;white-space:normal!important;display:flex!important}.t-blank{height:.3rem}#terminal-input-row{border-top:1px solid #00ff001a;flex-shrink:0;align-items:center;gap:6px;margin-top:4px;padding-top:6px;display:flex}.t-prompt{white-space:nowrap;color:#0f09;flex-shrink:0;font-size:16px}.t-prompt-at{color:#00ff0059}.t-prompt-arrow{color:var(--neon-green);font-weight:700}#terminal-input{color:#0f0;caret-color:var(--neon-green);background:0 0;border:none;outline:none;flex:1;padding:2px 0;font-family:inherit;font-size:16px}#terminal-hint{z-index:7000;font-family:var(--font-pixel);color:var(--tx3);background:var(--bg);opacity:0;pointer-events:none;letter-spacing:1px;border:1px inset #333;padding:4px 10px;font-size:12px;transition:opacity .5s;position:fixed;bottom:1rem;right:1rem}#terminal-hint.t-hint-show{opacity:1}#phase-indicator{z-index:1000;font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 6px var(--neon-green);cursor:pointer;background:#000;border:2px inset #333;padding:6px 12px;font-size:12px;transition:all .3s;position:fixed;bottom:16px;left:20px}#phase-indicator:hover{border-color:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}#resume-modal{z-index:8500;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#resume-modal.rm-open{pointer-events:all}.rm-backdrop{opacity:0;background:#000000d9;transition:opacity .3s;position:absolute;inset:0}#resume-modal.rm-open .rm-backdrop{opacity:1}.rm-panel{z-index:1;opacity:0;background:#1a1a2e;border:3px outset #555;flex-direction:column;width:min(920px,94vw);height:min(92vh,1080px);transition:all .3s;display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:4px 4px #000,0 0 30px #ff00001a}#resume-modal.rm-open .rm-panel{opacity:1;transform:none}.rm-header{background:linear-gradient(90deg,navy,#1084d0);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.rm-header-left{align-items:center;gap:6px;display:flex}.rm-dot{flex-shrink:0;width:12px;height:12px;display:inline-block}.rm-dot-red{background:#ff5f57}.rm-dot-yellow{background:#febc2e}.rm-dot-green{background:#28c840}.rm-title{font-family:var(--font-pixel);color:#fff;letter-spacing:1px;margin-left:8px;font-size:14px}.rm-header-right{align-items:center;gap:6px;display:flex}.rm-download{font-family:var(--font-pixel);color:#000;cursor:pointer;background:silver;border:2px outset #444;align-items:center;gap:4px;padding:3px 8px;font-size:12px;transition:all .2s;display:inline-flex}.rm-download:hover{background:#fff;border-style:inset}.rm-close{color:#000;cursor:pointer;width:28px;height:24px;font-family:var(--font-pixel);background:silver;border:2px outset #444;justify-content:center;align-items:center;transition:all .2s;display:flex}.rm-close:hover{background:#ff5f57;border-style:inset}.rm-body{background:#0a0a0a;flex:1;min-height:0}#resume-iframe{border:none;width:100%;height:100%;display:block}@media (width<=960px){.about-layout{grid-template-columns:1fr;gap:2rem}.portrait-frame{max-width:300px;margin:0 auto}.contact-layout,.proj-inner{grid-template-columns:1fr}.proj-item:nth-child(2n) .proj-inner{direction:ltr}.stat-strip{flex-wrap:wrap}.ss{border-bottom:1px inset #333;min-width:50%}.ss:nth-child(2){border-right:none}.ss:nth-child(3){border-bottom:none}.ss:nth-child(4){border-bottom:none;border-right:none}.ach-sub{display:none}.activity-grid{flex-direction:column;gap:1rem;padding-bottom:0;display:flex}.activity-card{scroll-snap-align:start;flex:none;width:100%;min-width:0}.skills-list{flex-direction:column;gap:1rem;display:flex}.sk-card:first-child,.sk-card:nth-child(2),.sk-card:nth-child(3),.sk-card:nth-child(4){grid-column:span 1}}@media (width<=640px){.nav-links{background:#0a0a0afa;border-bottom:2px outset #333;flex-direction:column;align-items:stretch;max-height:0;transition:max-height .3s;position:fixed;top:56px;left:0;right:0;overflow:hidden}.nav-links.open{max-height:400px}.nav-header-image-wrap{margin:0;padding:0;line-height:0;list-style:none;display:block}.nav-link{padding:10px 1.5rem;font-size:16px}.hamburger{display:flex}.nav-contact,.nav-resume-btn,.nav-icon-btn#nav-github,.nav-icon-btn#nav-leetcode{display:none}.nav-header-image{object-fit:cover;object-position:center 20%;will-change:transform;border-bottom:1px solid #f003;width:100%;height:100px;transition:transform .2s ease-out,opacity .2s ease-out;display:block}.nav-header-image:active{opacity:.9;transform:scale(.97)}.hero-inner{grid-template-columns:1fr;gap:2rem}.hero-right{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.btn-fill,.btn-line{justify-content:center;width:100%}.form-row{grid-template-columns:1fr}.hero-fade{background:linear-gradient(#0a0a0ae6 0%,#0a0a0a80 60%,#0000 100%)}.skills-list{grid-template-columns:1fr}.sk-card:first-child,.sk-card:nth-child(2),.sk-card:nth-child(3),.sk-card:nth-child(4){grid-column:span 1}.sk-card-num{font-size:2rem}.rgb-panel{width:auto;inset:auto 10px 60px}.rgb-toggle-btn{width:28px;height:28px}#terminal-window{border:none;width:98vw;height:80vh}#terminal-body{padding:6px}#terminal-output{font-size:13px}.t-big-art{font-size:clamp(2px,2.5vw,5px);line-height:.75}.t-sig-art{font-family:Fira Code,Consolas,Courier New,monospace;font-size:clamp(4px,3.5vw,9px);line-height:1.1}.t-art-img{max-height:40vh}.t-line-out,.t-prompt,#terminal-input{font-size:13px}.hn-word{letter-spacing:1px;font-size:clamp(2.5rem,6vw + 1rem,5rem)}.hn-italic{font-size:clamp(1.8rem,5vw + .5rem,4rem)}.hero-tag{letter-spacing:1px;font-size:12px}.hero-sub{font-size:.95rem}.visitor-counter{padding:4px 8px;font-size:11px;bottom:10px;right:10px}#phase-indicator{padding:4px 8px;font-size:10px;bottom:10px;left:10px}.contact-form{padding:1rem}.fg input,.fg textarea{font-size:16px}.ach-row{gap:.6rem;padding:.6rem 0}.ach-name{font-size:.85rem}.ach-detail{font-size:.8rem}#activity{padding:40px 0}.activity-grid{gap:.75rem}.activity-card{padding:1rem}.lc-body{flex-direction:column;align-items:center;gap:1.5rem}.lc-ring-wrap{width:120px;height:120px}.lc-ring-num{font-size:1.5rem}.lc-breakdown{width:100%;min-width:0}.lc-header,.gh-header{flex-direction:column;align-items:flex-start}.gh-stats-row{flex-wrap:wrap;gap:8px}.stat-strip{flex-wrap:wrap}.ss{border-bottom:1px inset #333;min-width:50%}.ss:nth-child(2){border-right:none}.ss:nth-child(3){border-bottom:none}.ss:nth-child(4){border-bottom:none;border-right:none}.ss-num{font-size:1.5rem}.ss-label{font-size:10px}.lc-rh-right{flex-wrap:wrap;gap:8px}.lc-streak{flex-wrap:wrap}.lc-streak-num{font-size:1.5rem}.hm-wrap,.lc-months-wrap{margin:0 -.5rem;padding:0 .5rem 8px}.crt-overlay,.noise-overlay,#cursor-spotlight,.click-ripple{display:none}.sk-ticker,.sk-ticker-rev{animation:none!important}.rgb-panel{background:var(--surf);border-color:var(--bdr)}}@media (width<=480px){.container{padding:0 1rem}.nav-inner{height:50px}.nav-logo{font-size:20px}.hn-word{letter-spacing:1px;font-size:clamp(2rem,8vw,3rem)!important}.hn-italic{font-size:clamp(1.4rem,6vw,2rem)!important}.hero-tag{letter-spacing:1px;padding:3px 8px;font-size:10px}.hero-sub{font-size:.85rem;line-height:1.5}.hero-actions{gap:8px}.btn-fill,.btn-line{justify-content:center;width:100%;padding:8px 16px;font-size:14px}.btn-icon-link{width:38px;height:38px}.about-layout{gap:1.5rem}.portrait-frame{max-width:220px}.about-title{letter-spacing:1px;font-size:1.5rem}.about-body p{font-size:.9rem}.stat-strip{flex-wrap:wrap}.ss{min-width:50%;padding:.6rem .4rem}.ss-num{font-size:1.3rem}.ss-label{font-size:9px}.activity-grid{gap:.5rem}.activity-card{padding:.8rem}.lc-body{gap:1rem}.lc-ring-wrap{width:100px;height:100px}.lc-ring-num{font-size:1.2rem}.proj-inner{gap:1.5rem;padding:1.5rem 1rem}.proj-title{font-size:1.1rem}.proj-desc{font-size:.85rem}.proj-hl{padding:2px 6px;font-size:10px}.skills-list{gap:.75rem}.sk-card{gap:.75rem;padding:1rem}.sk-card-num{font-size:1.5rem}.sk-title{font-size:14px}.sk-pill{padding:3px 8px;font-size:12px}.contact-layout{gap:2rem}.contact-title{letter-spacing:2px;font-size:1.5rem}.contact-form{padding:1rem}.form-row{grid-template-columns:1fr}.cl-item{gap:8px;padding:6px 0}.cl-icon{width:24px;height:24px}.cl-label{font-size:.8rem}.ach-row{flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.ach-icon{width:30px;height:30px}.ach-name{font-size:.8rem}.ach-detail{flex-basis:100%;order:3;font-size:.75rem}.section-title{letter-spacing:2px;font-size:1.3rem}.label{padding:3px 8px;font-size:14px}.foot-inner{text-align:center;flex-direction:column;gap:4px}.foot-left,.foot-right{font-size:11px}.cassette-label{display:none}.cassette-btn{padding:4px 5px}.cassette-icon{width:18px;height:13px}.visitor-counter{padding:3px 6px;font-size:10px;bottom:8px;right:8px}#phase-indicator{padding:3px 6px;font-size:9px;bottom:8px;left:8px}#resume-modal .rm-panel{width:98vw;height:90vh}}@media (width>=641px) and (width<=1024px){.about-layout{grid-template-columns:280px 1fr;gap:2rem}.portrait-frame{max-width:260px}.proj-inner{gap:2rem;padding:2rem 1.5rem}.skills-list{grid-template-columns:repeat(12,1fr)}.sk-card:first-child,.sk-card:nth-child(2),.sk-card:nth-child(3),.sk-card:nth-child(4){grid-column:span 6}}@media (width>=1441px) and (width<=1920px){.container,.hero-inner,.proj-inner{max-width:1200px}.hn-word{font-size:clamp(4rem,8vw,14rem)}.hn-italic{font-size:clamp(3rem,6vw,10rem)}.hero-sub{max-width:600px;font-size:1.15rem}.about-layout{gap:5rem}.portrait-frame{max-width:380px}}@media (width>=1921px){.container,.hero-inner,.proj-inner{max-width:1400px}.hn-word{font-size:clamp(5rem,8vw,16rem)}.hn-italic{font-size:clamp(4rem,6vw,12rem)}.hero-sub{max-width:700px;font-size:1.2rem}.about-layout{grid-template-columns:400px 1fr;gap:6rem}.portrait-frame{max-width:400px}.proj-inner{gap:5rem;padding:3rem 2rem}.skills-list{gap:1.25rem}.sk-card{padding:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rv,.rv-left,.rv-right,.rv-scale,.rv-blur{opacity:1!important;filter:none!important;transform:none!important}.stagger-children>*{opacity:1!important;transform:none!important}}@media (hover:none) and (pointer:coarse){.tilt-card:hover{box-shadow:none;transform:none}.sk-card:hover{transform:none}.proj-img-col:hover{border-color:#444;box-shadow:4px 4px #000}.proj-img-col:hover .proj-img,.btn-fill:hover,.btn-line:hover{transform:none}.rgb-btn:hover{box-shadow:none;transform:none}.ach-row:hover,.cl-item:hover{padding-left:0}.sk-pill:hover,.proj-cta:hover svg{transform:none}.nav-link:hover,.nav-link.active{border-color:#0000}}@media (height<=500px) and (orientation:landscape){#hero{align-items:center;min-height:100vh}.hero-tag{margin-bottom:.5rem;font-size:10px}.hero-name{margin-bottom:.5rem}.hn-word{font-size:clamp(2rem,5vw,4rem)}.hero-sub{margin-bottom:1rem;font-size:.8rem}.hero-scroll-hint{display:none}#about{padding:40px 0}.about-layout{grid-template-columns:200px 1fr;align-items:center;gap:1.5rem}.portrait-frame{max-width:180px}.stat-strip{flex-wrap:wrap}#activity,#skills,#projects,#achievements,#contact{padding:40px 0}}.gh-card{padding:1.5rem}.gh-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.gh-title-row{font-family:var(--font-pixel);color:var(--tx);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:16px;display:flex}.gh-title-row svg{stroke:var(--neon-green)}.gh-stats-row{font-family:var(--font-pixel);color:var(--tx3);gap:16px;font-size:13px;display:flex}.gh-stats-row strong{color:var(--neon-green)}.hm-wrap{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--neon-green) transparent;cursor:grab;touch-action:pan-x pinch-zoom;padding-bottom:8px;overflow:auto hidden}.hm-wrap:active{cursor:grabbing}.hm-wrap::-webkit-scrollbar{height:6px}.hm-wrap::-webkit-scrollbar-track{background:0 0}.hm-wrap::-webkit-scrollbar-thumb{background:var(--neon-green);opacity:.5;border-radius:3px}.hm-wrap::-webkit-scrollbar-thumb:hover{background:var(--neon-green);opacity:1}.hm-months{font-family:var(--font-pixel);color:var(--tx3);gap:3px;margin-bottom:4px;font-size:11px;display:flex}.hm-month-label,.hm-month-spacer{white-space:nowrap;flex-shrink:0;width:11px;overflow:visible}.hm-grid{gap:3px;display:flex}.hm-col{flex-direction:column;gap:3px;display:flex}.hm-cell{border:1px solid #ffffff0d;width:11px;height:11px}.hm-empty{background:0 0!important}.hm-l0{background:#161b22}.hm-l1{background:#0e4429}.hm-l2{background:#006d32}.hm-l3{background:#26a641}.hm-l4{background:#39d353}.lc-hm-l0{background:#161b22}.lc-hm-l1{background:#0e4429}.lc-hm-l2{background:#006d32}.lc-hm-l3{background:#26a641}.lc-hm-l4{background:#39d353}.lc-hm-invisible{background:0 0!important;border:none!important}.hm-legend{font-family:var(--font-pixel);color:var(--tx3);justify-content:flex-end;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:flex}.hm-legend .hm-cell{width:10px;height:10px}.lc-months-wrap{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;cursor:grab;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.lc-months-wrap:active{cursor:grabbing}.lc-month-block{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.lc-month-grid{gap:3px;display:flex}.lc-month-label{font-family:var(--font-pixel);color:var(--tx3);text-transform:uppercase;letter-spacing:1px;font-size:11px}.lc-real-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.lc-rh-total{font-family:var(--font-pixel);color:var(--tx);font-size:14px}.lc-rh-total b{color:var(--neon-green);font-size:16px}.lc-rh-right{font-family:var(--font-pixel);color:var(--tx3);align-items:center;gap:16px;font-size:12px;display:flex}.lc-rh-right strong{color:var(--neon-green)}.lc-rh-current{color:var(--tx2);align-items:center;gap:4px;display:flex}.lc-real-wrap{padding-bottom:0!important}.lc-card{padding:1.5rem}.lc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:1.5rem;display:flex}.lc-title-row{font-family:var(--font-pixel);color:var(--tx);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:16px;display:flex}.lc-title-row svg{stroke:var(--neon-orange)}.lc-link{font-family:var(--font-pixel);color:var(--acc2);letter-spacing:1px;font-size:13px;transition:color .2s}.lc-link:hover{color:var(--neon-green)}.lc-body{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.lc-ring-wrap{flex-shrink:0;width:140px;height:140px;position:relative}.lc-ring{width:100%;height:100%}.lc-ring-fill{transition:stroke-dashoffset 1.5s cubic-bezier(.22,1,.36,1)}.lc-ring-fill.animate{stroke-dashoffset:var(--target,0)}.lc-ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lc-ring-num{font-family:var(--font-pixel);color:var(--neon-green);text-shadow:0 0 8px var(--neon-green);font-size:2rem;font-weight:700;line-height:1}.lc-ring-label{font-family:var(--font-pixel);color:var(--tx3);text-transform:uppercase;letter-spacing:2px;font-size:12px}.lc-breakdown{flex-direction:column;flex:1;gap:12px;min-width:200px;display:flex}.lc-diff{flex-direction:column;gap:4px;display:flex}.lc-diff-head{font-family:var(--font-pixel);color:var(--tx2);align-items:center;gap:8px;font-size:13px;display:flex}.lc-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.lc-easy{background:#00b8a3}.lc-med{background:#ffc01e}.lc-hard{background:#ff375f}.lc-diff-name{flex:1}.lc-diff-count{color:var(--tx);font-weight:700}.lc-diff-total{color:var(--tx3);font-weight:400}.lc-bar{background:var(--bdr);border:1px inset #222;height:6px;overflow:hidden}.lc-bar-fill{height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.lc-bar-easy{background:#00b8a3}.lc-bar-med{background:#ffc01e}.lc-bar-hard{background:#ff375f}.lc-streak{border-top:1px inset #333;align-items:baseline;gap:8px;margin-top:4px;padding-top:8px;display:flex}.lc-streak-num{font-family:var(--font-pixel);color:var(--neon-orange);text-shadow:0 0 8px var(--neon-orange);font-size:2rem;font-weight:700;line-height:1}.lc-streak-label{font-family:var(--font-pixel);color:var(--tx3);text-transform:uppercase;letter-spacing:1px;font-size:12px}.section-line{background:linear-gradient(90deg, transparent, var(--neon-green), transparent);opacity:0;max-width:1100px;height:2px;margin:0 auto;transition:opacity .6s}.section-line.in{opacity:.3}.retro-sparkle{border-radius:50%}.click-ripple{pointer-events:none;z-index:9999;border:2px solid var(--neon-green);opacity:.7;width:0;height:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards rippleOut;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes rippleOut{0%{opacity:.8;width:0;height:0;transform:translate(-50%,-50%)scale(0)}to{opacity:0;width:60px;height:60px;transform:translate(-50%,-50%)scale(1)}}.noise-overlay{pointer-events:none;z-index:9997;width:100vw;height:100vh;position:fixed;inset:0}#resume-modal.rm-open~.noise-overlay{display:none}body:has(#resume-modal.rm-open) .noise-overlay{display:none}.cassette-btn{color:var(--neon-yellow);cursor:pointer;background:linear-gradient(#3a3a3a 0%,#222 100%);border:2px outset #555;align-items:center;gap:5px;padding:4px 8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.cassette-btn:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 2px 4px);position:absolute;inset:0}.cassette-btn:hover{border-color:var(--neon-yellow);box-shadow:0 0 10px var(--neon-yellow)}.cassette-btn.playing{border-color:var(--neon-green);box-shadow:0 0 12px var(--neon-green), inset 0 0 8px #00ff441a}.cassette-btn.playing .cassette-icon{animation:2s linear infinite cassette-spin}@keyframes cassette-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cassette-icon{flex-shrink:0;width:22px;height:16px;transition:filter .3s}.cassette-btn.playing .cassette-icon{filter:drop-shadow(0 0 4px var(--neon-green))}.cassette-label{font-family:var(--font-pixel);letter-spacing:1.5px;text-transform:uppercase;opacity:.8;white-space:nowrap;font-size:9px}.music-toast{font-family:var(--font-pixel);letter-spacing:1px;color:var(--neon-green);text-shadow:0 0 6px var(--neon-green);z-index:9999;opacity:0;pointer-events:none;background:#000;border:2px inset #444;padding:8px 18px;font-size:11px;transition:all .4s cubic-bezier(.2,1,.4,1);position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(80px)}.music-toast.show{opacity:1;transform:translate(-50%)translateY(0)}html[data-theme=light]{--bg:#f5f0eb!important;--bg2:#ebe5de!important;--surf:#fff!important;--tx:#1a1a1a!important;--tx2:#444!important;--tx3:#777!important;--bdr:#ccc!important;--bevel-light:#fff!important;--bevel-dark:#999!important;--acc:#c00!important;--acc2:#e22!important;--neon-green:#c00!important}html[data-theme=light] body{background:var(--bg);color:var(--tx)}html[data-theme=light] .navbar{background:#f5f0ebf2;border-bottom:2px outset #ccc}html[data-theme=light] .nav-link{color:var(--tx)}html[data-theme=light] .nav-link.active{color:var(--acc)}html[data-theme=light] .hero-fade{background:linear-gradient(135deg,#f5f0ebe6 0%,#f5f0eb80 50%,#0000 100%)}html[data-theme=light] .hero-bg{filter:brightness(.5)saturate(.8)}html[data-theme=light] #hero,html[data-theme=light] section{background:var(--bg)}html[data-theme=light] .activity-card,html[data-theme=light] .sk-card,html[data-theme=light] .proj-item,html[data-theme=light] .ach-row{background:var(--surf);border-color:var(--bdr)}html[data-theme=light] .contact-form{background:var(--surf)}html[data-theme=light] .fg input,html[data-theme=light] .fg textarea{background:var(--bg);color:var(--tx);border-color:var(--bdr)}html[data-theme=light] #terminal-window{background:var(--surf)}html[data-theme=light] #terminal-body{background:#1a1a2e}html[data-theme=light] .crt-overlay{opacity:.3}html[data-theme=light] .noise-overlay{opacity:.15}html[data-theme=light] .rgb-panel{background:var(--surf);border-color:var(--bdr)}html[data-theme=light] .visitor-counter,html[data-theme=light] #phase-indicator{background:var(--surf);color:var(--acc);border-color:var(--bdr)}html[data-theme=light] .stat-strip,html[data-theme=light] .ss,html[data-theme=light] .footer-slim{border-color:var(--bdr)}html[data-theme=light] #footer{background:var(--bg);border-color:var(--bdr)}html[data-theme=light] .rm-panel{background:#f5f5f5;border-color:#999}html[data-theme=light] .rm-header{background:linear-gradient(90deg,#00a,#38d)}html[data-theme=light] .rm-download{color:#000;background:#ddd;border-color:#999}body.matrix-mode{--bg:#000;--bg2:#010;--tx:#0f0;--tx2:#0a0;--tx3:#060;--acc:#0f0;--acc2:#0f0;--bdr:#030;text-shadow:0 0 4px #0f06}body.matrix-mode img,body.matrix-mode video{filter:grayscale()contrast(200%)brightness(1.2)sepia()drop-shadow(0 0 5px #0f0)!important}body.matrix-mode .click-ripple{background:#0f06;box-shadow:0 0 20px #0f06}