*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e0a;--bg2:#0d140d;--accent:#00ff41;--accent-dim:#00ff4180;--accent2:#0c3;--accent-mc:#5dbb63;--text:#b3ffb3;--text-dim:#b3ffb380;--text-muted:#00ff4166;--border:#00ff4140;--border-hover:#00ff4180;--surface:#00ff4108;--surface-hover:#00ff410f;--font-head:"Syne", sans-serif;--font-mono:"Space Mono", monospace;--font-pixel:"Press Start 2P", monospace;--r-sm:8px;--r-md:12px;--r-lg:16px;--ease:cubic-bezier(.25, .46, .45, .94);--spring:cubic-bezier(.34, 1.56, .64, 1);--smooth:cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:auto;scroll-padding-top:80px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:99px}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;position:relative;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}.scanlines{z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#00ff4105 1px 2px);position:fixed;inset:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.term-header{border:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;background:#00ff410d;border-bottom:none;align-items:center;gap:6px;padding:8px 14px;display:flex;position:relative}.term-dot{border:1px solid var(--border);background:#00ff4126;border-radius:50%;width:10px;height:10px}.term-title{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;position:absolute;left:50%;transform:translate(-50%)}.term-body{border:1px solid var(--border);border-radius:0 0 var(--r-lg) var(--r-lg);background:linear-gradient(#00ff4104,#0000);border-top:none;padding:2rem 2rem 2.5rem}.loading-screen{z-index:100;background:var(--bg);transition:opacity .8s var(--ease), transform .8s var(--ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-screen.phase-exit{opacity:0;pointer-events:none;transform:scale(1.04)}.loading-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.loading-avatar{border:2px solid var(--accent);opacity:0;width:72px;height:72px;transition:opacity .55s var(--spring), transform .55s var(--spring);border-radius:50%;padding:2px;transform:scale(.75);box-shadow:0 0 30px #00ff4133}.loading-avatar.visible{opacity:1;transform:scale(1)}.loading-avatar img{object-fit:cover;filter:grayscale(.4);border-radius:50%;width:100%;height:100%;display:block}.loading-name{font-family:var(--font-mono);color:var(--accent);font-size:clamp(1.4rem,5vw,2.6rem);font-weight:400}.loading-prompt{opacity:.5;margin-right:.3em}.loading-cursor{color:var(--accent);margin-left:.05em;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.loading-letter{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--spring);display:inline;transform:translateY(18px)}.loading-letter.visible{opacity:1;transform:translateY(0)}.loading-line{background:var(--accent);width:0;height:2px;transition:width .8s var(--ease);box-shadow:0 0 10px var(--accent);border-radius:99px}.loading-line.expand{width:320px}.loading-subtitle{color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .5s var(--ease) .1s, transform .5s var(--ease) .1s;font-size:.65rem;font-family:var(--font-mono);transform:translateY(8px)}.loading-subtitle.visible{opacity:1;transform:translateY(0)}.main-wrapper{z-index:1;opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);position:relative;transform:translateY(8px)}.main-wrapper.visible{opacity:1;transform:translateY(0)}.nav-container{z-index:50;justify-content:center;width:100%;display:flex;position:sticky;top:.8rem;overflow-x:auto}.nav-pill{border-radius:var(--r-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);transition:border-color .3s var(--ease);background:#0a0e0aeb;align-items:center;gap:1rem;min-width:580px;padding:.4rem .8rem;display:flex;box-shadow:0 0 30px #0009,0 0 0 1px #00ff410d}.nav-pill:hover{border-color:var(--border-hover)}.nav-pill>*{z-index:1;position:relative}.nav-logo{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.nav-logo-prompt{opacity:.5}.nav-pfp{object-fit:cover;border:1.5px solid var(--border);filter:grayscale(.5);width:22px;height:22px;transition:border-color .3s var(--ease), transform .3s var(--spring), filter .3s var(--ease);border-radius:50%}.nav-pfp:hover{border-color:var(--accent);filter:grayscale(0);transform:scale(1.12)}.nav-divider{background:var(--border);flex-shrink:0;width:1px;height:14px}.nav-divider-li{align-items:center;list-style:none;display:flex}.nav-links{align-items:center;gap:.05rem;list-style:none;display:flex}.nav-links a{color:var(--text-dim);transition:color .22s var(--ease), background .22s var(--ease);letter-spacing:.04em;border-radius:99px;flex-shrink:0;padding:.28rem .6rem;font-size:.65rem;text-decoration:none}.nav-links a:hover{color:var(--accent);background:#00ff410f}.nav-links a svg{opacity:.6;transition:opacity .2s var(--ease);flex-shrink:0}.nav-links a:hover svg{opacity:1}.lang-btn{font-family:var(--font-mono);cursor:pointer;color:var(--text-dim);letter-spacing:.05em;transition:color .2s var(--ease);background:0 0;border:none;padding:.2rem .15rem;font-size:.6rem}.lang-btn:before{content:"["}.lang-btn:after{content:"]"}.lang-btn.active,.lang-btn:hover{color:var(--accent)}.btn{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;transition:background .2s, border-color .2s, transform .25s var(--spring);background:0 0;border-radius:0;align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-size:.72rem;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--border-hover);background:#00ff410f;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}.btn-primary:hover{background:var(--accent2);border-color:var(--accent2);color:var(--bg)}.btn-sm{padding:.25rem .7rem;font-size:.65rem}.hero{align-items:center;gap:4rem;max-width:1100px;min-height:100vh;margin:0 auto;padding:8rem 6vw 4rem;display:flex;position:relative}.hero-left{flex:1}.hero-badge{color:var(--text-dim);animation:fadein .8s var(--ease) 2.6s both;align-items:center;gap:.45rem;margin-bottom:1.2rem;font-size:.6rem;display:inline-flex}.hero-badge-dot{background:var(--accent);width:5px;height:5px;box-shadow:0 0 6px var(--accent);animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--font-mono);animation:slideup .85s var(--spring) 2.65s both;margin-bottom:1rem;font-size:clamp(2rem,4.5vw,4rem);font-weight:400;line-height:1.15}.hero h1 .prompt{color:var(--accent);opacity:.6;margin-right:.2em;animation:1.2s step-end infinite blink}.hero h1 .accent{color:var(--accent)}.hero-desc{color:var(--text-dim);max-width:460px;animation:slideup .8s var(--ease) 2.75s both;margin-bottom:1.8rem;font-size:.78rem;line-height:1.9}.hero-buttons{animation:slideup .8s var(--ease) 2.85s both;flex-wrap:wrap;gap:.7rem;display:flex}.hero-right{animation:scalein .95s var(--spring) 2.7s both;flex-shrink:0}.hero-avatar-ring{border:2px solid var(--border);border-radius:50%;width:220px;height:220px;padding:3px;animation:7s ease-in-out infinite floatAvatar}@keyframes floatAvatar{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-avatar-inner{background:var(--bg2);border-radius:50%;width:100%;height:100%;overflow:hidden}.hero-avatar-inner img{object-fit:cover;filter:grayscale(.3);width:100%;height:100%;display:block}.scroll-label{color:inherit;font:inherit;cursor:pointer;opacity:.3;animation:fadein 1s var(--ease) 3.2s both;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;transition:opacity .3s;display:flex;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%)}.scroll-label:hover{opacity:.7}.scroll-label-tag{letter-spacing:.1em;font-size:.5rem}.scroll-label-arrow{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:22px;animation:2.4s ease-in-out infinite scrollArrow}@keyframes scrollArrow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scalein{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}section{max-width:1100px;margin:0 auto;padding:3rem 6vw}.section-header{margin-bottom:2rem}.section-header h2{font-family:var(--font-mono);color:var(--accent);margin-bottom:.3rem;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:400}.section-header p{color:var(--text-dim);font-size:.7rem}.reveal-up{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--spring);transform:translateY(24px)}.reveal-up.revealed{opacity:1;transform:translateY(0)}.d1{transition-delay:40ms}.d2{transition-delay:80ms}.d3{transition-delay:.12s}.d4{transition-delay:.16s}.d5{transition-delay:.2s}.d6{transition-delay:.24s}.d7{transition-delay:.28s}.d8{transition-delay:.32s}.about-content{grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}.about-text p{color:var(--text-dim);margin-bottom:1rem;font-size:.78rem;line-height:1.85}.about-stats{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.stat-card{text-align:center;border:1px solid var(--border);border-top:2px solid var(--accent-dim);transition:border-color .25s var(--ease), background .25s var(--ease);background:#00ff410a;border-radius:0;padding:1.1rem;position:relative}.stat-card:before{content:"$";color:var(--text-muted);font-size:.5rem;position:absolute;top:.3rem;left:.5rem}.stat-card:hover{border-color:var(--border-hover);background:#00ff4112}.stat-card .number{font-family:var(--font-mono);color:var(--accent);font-size:1.6rem;font-weight:400}.stat-card .label{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;font-size:.55rem}.exp-timeline{flex-direction:column;gap:.8rem;display:flex}.exp-card{border:1px solid var(--border);background:var(--surface);transition:border-color .25s var(--ease), background .25s var(--ease);align-items:flex-start;gap:1rem;padding:1.2rem 1.4rem;display:flex}.exp-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.exp-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);flex-shrink:0;margin-top:.35rem}.exp-content{flex:1}.exp-period{color:var(--text-dim);letter-spacing:.1em;font-size:.55rem;font-family:var(--font-mono);margin-bottom:.15rem}.exp-content h3{font-family:var(--font-mono);color:var(--text);margin-bottom:.35rem;font-size:.88rem;font-weight:400}.exp-content p{color:var(--text-dim);margin-bottom:.4rem;font-size:.72rem;line-height:1.7}.exp-link{color:var(--accent);border-bottom:1px solid #0000;align-items:center;gap:.3rem;font-size:.68rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.exp-link:hover{border-bottom-color:var(--accent)}.exp-link-arrow{font-family:var(--font-mono);transition:transform .2s}.exp-link:hover .exp-link-arrow{transform:translate(3px)}.skills-split{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.skills-col-title{font-family:var(--font-mono);color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:.8rem;padding-bottom:.3rem;font-size:.75rem;font-weight:400}.skills-col-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.skill-card{border:1px solid var(--border);background:var(--surface);transition:border-color .25s var(--ease), background .25s var(--ease);padding:1rem}.skill-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.skill-card.mc-card{border-color:#5dbb6333}.skill-card.mc-card:hover{border-color:#5dbb6359}.skill-icon{border:1px solid var(--border);width:30px;height:30px;color:var(--accent);transition:border-color .25s var(--ease), transform .3s var(--spring);justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.skill-card.mc-card .skill-icon{color:var(--accent-mc);border-color:#5dbb634d}.skill-card:hover .skill-icon{border-color:var(--border-hover);transform:scale(1.05)}.skill-icon svg{width:14px;height:14px}.skill-name{margin-bottom:.5rem;font-size:.72rem}.skill-bar{background:#00ff4112;height:3px}.skill-fill{background:var(--accent);height:100%;width:var(--tw);box-shadow:0 0 4px var(--accent);transition:width 1s var(--ease) .3s}.skill-card.mc-card .skill-fill{background:var(--accent-mc);box-shadow:0 0 4px var(--accent-mc)}.contact-grid{gap:.9rem;display:grid}.contact-link-card{color:var(--text);border:1px solid var(--border);background:var(--surface);transition:border-color .25s var(--ease), background .25s var(--ease);align-items:center;gap:.9rem;padding:1.3rem;text-decoration:none;display:flex}.contact-link-card:hover{border-color:var(--border-hover);background:var(--surface-hover)}.contact-link-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--accent);transition:border-color .25s var(--ease), transform .3s var(--spring);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-link-card:hover .contact-link-icon{border-color:var(--border-hover);transform:scale(1.06)}.contact-link-info h3{font-family:var(--font-mono);margin-bottom:.1rem;font-size:.82rem;font-weight:400}.contact-link-info p{color:var(--text-dim);font-size:.65rem}.footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);padding:2rem;font-size:.6rem}.footer-prompt{color:var(--accent);opacity:.5;margin-right:.3em}.cookie-box{z-index:999;background:var(--bg2);border:1px solid var(--border);max-width:280px;animation:slideUpCookie .5s var(--spring);padding:1rem;position:fixed;bottom:1.2rem;left:1.2rem;box-shadow:0 10px 40px #0009}@keyframes slideUpCookie{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cookie-box p{color:var(--text-dim);margin-bottom:.7rem;font-size:.65rem;line-height:1.6}.cookie-buttons{gap:.45rem;display:flex}.cookie-accept{background:var(--accent);color:var(--bg);font-family:var(--font-mono);cursor:pointer;border:none;flex:1;padding:.38rem;font-size:.62rem;font-weight:700;transition:background .2s}.cookie-accept:hover{background:var(--accent2)}.cookie-decline{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:.38rem .65rem;font-size:.62rem;transition:background .2s,color .2s}.cookie-decline:hover{background:var(--surface-hover);color:var(--text)}@media (width<=900px){.hero{flex-direction:column;gap:2.5rem;padding:8rem 1.5rem 4rem}.hero-right{display:none}.about-content{grid-template-columns:1fr}.skills-split{grid-template-columns:1fr;gap:2rem}.skills-col-grid{grid-template-columns:1fr 1fr}section{padding:2.5rem 1.2rem}.term-body{padding:1.5rem}}@media (width<=640px){.nav-pill{min-width:auto}.nav-logo,.nav-divider-li{display:none}.skills-col-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.hero-buttons .btn{justify-content:center;width:100%}.contact-grid{grid-template-columns:1fr!important}.about-stats{grid-template-columns:1fr}}