:root{--bg-main:#242530;--bg-secondary:#2f3140;--bg-elevated:#383b4c;--bg-elevated-hover:#414557;--bg-card:#2f3140b3;--bg-card-hover:#383b4cd9;--text-primary:#f2f0eb;--text-secondary:#a6a7b1;--text-muted:#7a7c8d;--text-light:#fff;--accent:#ffb21a;--accent-hover:#e69d0f;--accent-glow:#ffb21a29;--accent-subtle:#ffb21a14;--accent-border:#ffb21a47;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-strong:#ffffff38;--font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--container-max:820px;--transition-smooth:all .3s cubic-bezier(.16,1,.3,1);--transition-fast:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:90px}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;selection-background-color:var(--accent);margin:0;line-height:1.6;position:relative;overflow-x:hidden}::selection{background-color:var(--accent);color:#1a1a22}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.025em;font-weight:600;line-height:1.15}p{color:var(--text-secondary);font-size:1.05rem}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4d62}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:.8rem;display:inline-flex}.section-tag:before{content:"";background-color:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.editorial-heading{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.15}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:1000;pointer-events:none;justify-content:center;align-items:center;padding:0 16px;display:flex;position:fixed;top:20px;left:0;right:0}.nav-capsule{pointer-events:auto;-webkit-backdrop-filter:blur(20px);background-color:#242530d1;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:4px;padding:5px;transition:transform .25s,box-shadow .25s,border-color .25s;display:inline-flex;box-shadow:0 14px 38px -6px #0009,0 0 1px #ffffff26}.nav-capsule:hover{border-color:#fff3;box-shadow:0 18px 46px -8px #000000b3,0 0 1px #ffffff40}.nav-capsule-link{font-family:var(--font-body);color:#8b8d9c;white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-capsule-link:hover{color:#f1f1ee}.nav-capsule-link.active{color:#fff;background-color:#2b2d3c;padding:8px 18px;font-weight:600;box-shadow:inset 0 1px #ffffff14}.nav-capsule-dot{background-color:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #ffb21aa6}.nav-capsule-cta{background-color:var(--accent);color:#1a1b24;font-family:var(--font-body);white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;margin-left:2px;padding:8px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #f5b13d47}.nav-capsule-cta:hover{background-color:#ffbe4d;transform:translateY(-1px);box-shadow:0 4px 16px #f5b13d73}@media (max-width:560px){.site-header{padding:0 10px;top:14px}.nav-capsule{gap:2px;padding:4px}.nav-capsule-link{gap:6px;padding:7px 12px;font-size:.8rem}.nav-capsule-link.active{padding:7px 14px}.nav-capsule-dot{width:5px;height:5px}.nav-capsule-cta{padding:7px 16px;font-size:.8rem}}@media (max-width:380px){.nav-capsule-link{padding:6px 10px;font-size:.75rem}.nav-capsule-cta{padding:6px 14px;font-size:.75rem}}.game-card-wrapper{justify-content:center;width:200px;height:124px;margin-top:22px;display:flex;position:relative}.game-card{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:10;background-color:#2d2f3d;border:1px solid #f5b13d80;border-radius:18px 66px;width:100%;height:124px;transition:height .4s cubic-bezier(.34,1.25,.64,1),width .4s,left .4s,transform .4s,border-color .2s,box-shadow .3s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 10px 28px -6px #00000073}.game-card:hover{border-color:#f5b13d}.game-card.is-expanded{z-index:25;cursor:default;border-color:#f5b13d;width:224px;height:380px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px -8px #000000bf,0 0 28px #f5b13d40}.game-idle-content{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:16px 16px 14px 18px;display:flex;position:relative}.idle-deco-dot{pointer-events:none;background-color:#f5b13d;border-radius:50%;position:absolute}.idle-deco-dot.dot-1{opacity:.9;width:5px;height:5px;top:15px;right:28px;box-shadow:0 0 6px #f5b13db3}.idle-deco-dot.dot-2{opacity:.55;width:3.5px;height:3.5px;top:25px;right:18px}.idle-top{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.idle-label{font-family:var(--font-mono,monospace);color:#f5b13d;letter-spacing:.04em;margin-bottom:4px;font-size:.68rem;font-weight:600}.idle-title{font-family:var(--font-display,sans-serif);color:#f1f1ee;letter-spacing:-.02em;margin:0 0 4px;font-size:1.05rem;font-weight:700;line-height:1.15}.amber-text{color:#f5b13d}.idle-subtext{color:#8b8d9c;margin:0;font-size:.72rem;line-height:1.3}.idle-play-btn{background-color:#f5b13d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 12px #f5b13d59}.game-card:hover .idle-play-btn{transform:scale(1.08);box-shadow:0 6px 16px #f5b13d80}.game-canvas-container{width:100%;height:100%;position:relative;overflow:hidden}.game-canvas{background-color:#2d2f3d;width:100%;height:100%;display:block}.game-hud{pointer-events:none;z-index:10;justify-content:center;align-items:flex-start;padding:8px 10px;display:flex;position:absolute;top:0;left:0;right:0}.game-close-btn{color:#8b8d9c;cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .15s,background-color .15s;display:flex;position:absolute;top:6px;left:6px}.game-close-btn:hover{color:#f1f1ee;background-color:#ffffff14}.game-score-display{text-align:center;flex-direction:column;align-items:center;display:flex}.game-score-current{font-family:var(--font-mono,monospace);color:#f1f1ee;text-shadow:0 2px 8px #00000080;font-size:1.6rem;font-weight:700;line-height:1}.game-score-best{font-family:var(--font-mono,monospace);color:#8b8d9c;text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.68rem}.game-ready-prompt{text-align:center;pointer-events:none;z-index:8;animation:1.6s ease-in-out infinite promptPulse;position:absolute;bottom:24px;left:0;right:0}.game-ready-prompt span{font-family:var(--font-mono,monospace);color:#f5b13d;background:#242530bf;border:1px solid #f5b13d59;border-radius:12px;padding:4px 10px;font-size:.72rem}@keyframes promptPulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.gameover-overlay{-webkit-backdrop-filter:blur(4px);text-align:center;z-index:15;background:#242530e0;flex-direction:column;justify-content:center;align-items:center;padding:18px 16px;animation:.2s ease-out fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.gameover-taunt{font-family:var(--font-display,sans-serif);color:#f1f1ee;margin:0 0 6px;font-size:.95rem;font-weight:600;line-height:1.25}.gameover-stats{font-family:var(--font-mono,monospace);color:#8b8d9c;margin:0 0 4px;font-size:.76rem}.gameover-togo{font-family:var(--font-mono,monospace);color:#f5b13d;margin:0 0 16px;font-size:.72rem;font-weight:600}.gameover-actions{align-items:center;gap:10px;display:flex}.gameover-btn{font-family:var(--font-mono,monospace);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:.74rem;transition:all .18s}.gameover-btn.btn-primary-try{color:#1a1b24;background-color:#f5b13d;border:none;font-weight:600}.gameover-btn.btn-primary-try:hover{background-color:#ffbe4d;transform:translateY(-1px)}.gameover-btn.btn-secondary-exit{color:#f1f1ee;background-color:#ffffff14;border:1px solid #ffffff2e;font-weight:500}.gameover-btn.btn-secondary-exit:hover{background-color:#ffffff24;border-color:#ffffff4d;transform:translateY(-1px)}@media (max-width:860px){.game-card-wrapper{width:100%;max-width:300px;margin-top:0}.game-card.is-expanded{width:100%;max-width:300px;left:50%;transform:translate(-50%)}}.hero-section{align-items:center;min-height:80vh;padding:95px 0 35px;display:flex;position:relative}.hero-container{max-width:var(--container-max);grid-template-columns:1.25fr .85fr;align-items:center;gap:36px;width:100%;margin:0 auto;padding:0 24px;display:grid}.hero-left{flex-direction:column;display:flex}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:20px;font-size:.8rem;animation:.65s cubic-bezier(.16,1,.3,1) both heroFadeUp;display:inline-flex}.accent-dot{background-color:var(--accent);border-radius:50%;width:7px;height:7px}.hero-title-row{align-items:center;margin-bottom:24px;animation:.65s cubic-bezier(.16,1,.3,1) 80ms both heroFadeUp;display:flex}.hero-name{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);margin:0;font-size:clamp(2.6rem,3.8vw,3.6rem);font-weight:700;line-height:1.05}.name-accent{color:var(--accent)}.title-avatar-slot{visibility:hidden;pointer-events:none;flex-shrink:0;width:72px;height:85px;margin-left:32px}.mobile-title-photo{display:none!important}.hero-bio{color:var(--text-secondary);max-width:440px;margin-bottom:28px;font-size:1.02rem;line-height:1.6;animation:.65s cubic-bezier(.16,1,.3,1) .16s both heroFadeUp}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:36px;animation:.65s cubic-bezier(.16,1,.3,1) .24s both heroFadeUp;display:flex}.btn-primary{background-color:var(--accent);color:#1a1b24;transition:var(--transition-fast);border-radius:6px;align-items:center;gap:8px;padding:12px 22px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.btn-secondary,.btn-outline{background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary);transition:var(--transition-fast);border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover,.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-socials{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:20px;padding-top:24px;animation:.65s cubic-bezier(.16,1,.3,1) .32s both heroFadeUp;display:flex}.social-link{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:7px;font-size:.82rem;text-decoration:none;transition:color .2s;display:inline-flex}.social-link:hover{color:var(--accent)}.hero-quote-card{align-items:flex-start;gap:14px;margin-top:22px;animation:.65s cubic-bezier(.16,1,.3,1) .4s both heroFadeUp;display:flex}.hero-quote-card .quote-icon{color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.hero-quote-card .quote-body{flex-direction:column;gap:4px;display:flex}.hero-quote-card .quote-content{font-family:var(--font-body);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.hero-quote-card .quote-author{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.78rem}.hero-right.desktop-portrait{flex-direction:column;justify-content:center;align-self:center;align-items:center;padding-top:0;padding-right:0;animation:.75s cubic-bezier(.16,1,.3,1) .18s both heroFadeUp;display:flex;position:relative}.portrait-anchor{aspect-ratio:.85;width:100%;max-width:200px;position:relative}.portrait-container{transform-origin:50%;will-change:transform;z-index:10;width:100%;height:100%;transition:transform .65s cubic-bezier(.34,1.25,.64,1);position:absolute;inset:0;transform:translate(0,0)scale(1)perspective(900px)rotateY(0)}.portrait-container.moved-to-title{transform:translate3d(var(--fly-dx,-340px),var(--fly-dy,0px),0)scale(var(--fly-scale,.36))perspective(900px)rotateY(360deg);z-index:40}.portrait-container.moved-to-title .portrait-frame{border-radius:50% 28px/44% 28px}.portrait-container.moved-to-title .portrait-outline-shape{border-radius:50% 28px/44% 28px;transform:translate(-9px,9px)}.portrait-container.moved-to-title:hover .portrait-frame{transform:none}.portrait-container.moved-to-title:hover .portrait-outline-shape{transform:translate(-9px,9px)}.portrait-outline-shape{border:1.5px solid var(--accent);pointer-events:none;z-index:0;border-radius:28px 50%/28px 44%;transition:transform .65s cubic-bezier(.34,1.25,.64,1),border-radius .65s cubic-bezier(.34,1.25,.64,1);position:absolute;inset:0;transform:translate(9px,9px)}.portrait-frame{background-color:var(--bg-secondary);border:1px solid var(--border-medium);aspect-ratio:.85;z-index:1;border-radius:28px 50%/28px 44%;transition:transform .65s cubic-bezier(.34,1.25,.64,1),border-radius .65s cubic-bezier(.34,1.25,.64,1);position:relative;overflow:hidden;box-shadow:0 20px 44px -12px #0009}.portrait-container:hover .portrait-frame{transform:translate(-3px,-3px)}.portrait-container:hover .portrait-outline-shape{transform:translate(13px,13px)}.portrait-image{object-fit:cover;object-position:center 10%;width:100%;height:100%;display:block}@media (max-width:860px){.hero-section{min-height:auto;padding:85px 0 25px}.hero-container{grid-template-columns:1fr;gap:0;padding:0 20px}.hero-title-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:22px;display:flex}.hero-name{flex-shrink:0;font-size:clamp(2.3rem,7.5vw,3.2rem);line-height:1.05}.title-avatar-slot{flex-shrink:0;width:76px;height:90px;margin-left:auto;animation:.65s cubic-bezier(.16,1,.3,1) 80ms both heroFadeUp;display:block;position:relative;visibility:visible!important;pointer-events:auto!important}.mobile-title-photo{width:100%;height:100%;position:relative;display:block!important}.mobile-photo-outline{border:1.5px solid var(--accent);pointer-events:none;z-index:0;border-radius:50% 24px/44% 24px;position:absolute;inset:0;transform:translate(-6px,6px)}.mobile-photo-frame{background-color:var(--bg-secondary);z-index:1;border-radius:50% 24px/44% 24px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080,0 0 1px 1px #ffb21a40}.hero-bio{margin-bottom:28px;font-size:1.02rem;line-height:1.6}.hero-actions{gap:10px;margin-bottom:28px}.btn-primary,.btn-secondary,.btn-outline{padding:10px 18px;font-size:.88rem}.hero-socials{gap:16px;padding-top:18px}.hero-right.desktop-portrait .portrait-anchor{display:none!important}.hero-right.desktop-portrait{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:32px;display:flex}}@media (max-width:480px){.hero-title-row{gap:16px}.title-avatar-slot{width:68px;height:82px;margin-left:auto}.hero-name{font-size:clamp(2.05rem,8vw,2.5rem)}}@media (max-width:360px){.title-avatar-slot{width:60px;height:72px}.hero-name{font-size:1.85rem}}.modal-overlay{-webkit-backdrop-filter:blur(14px);z-index:99999;box-sizing:border-box;background:#101118e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;animation:.22s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-medium);z-index:100000;border-radius:14px;width:100%;max-width:720px;max-height:85vh;margin:auto;animation:.32s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 24px 60px -15px #000000d9,0 0 1px 1px #ffffff14}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.modal-content::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}.modal-close{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);z-index:10;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.modal-close:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-subtle)}.modal-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:16px;padding:28px 32px 20px;display:flex}.modal-icon-wrapper{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;padding-right:40px;font-size:1.4rem;font-weight:700}.modal-body{flex-direction:column;gap:24px;padding:26px 32px;display:flex}.overview-section{flex-direction:column;gap:10px;display:flex}.overview-heading{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;font-size:.78rem;display:flex}.heading-line{background:var(--accent);width:14px;height:2px;display:inline-block}.overview-text{color:var(--text-secondary);white-space:pre-line;font-size:.95rem;line-height:1.65}.modal-tech-stack{flex-wrap:wrap;gap:8px;display:flex}.modal-tech-badge{background:var(--bg-elevated);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-secondary);border-radius:4px;align-items:center;gap:6px;padding:5px 12px;font-size:.76rem;display:inline-flex}.modal-tech-dot{background-color:var(--accent);border-radius:50%;width:5px;height:5px}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:14px;padding:20px 32px 26px;display:flex}.modal-action-btn{font-family:var(--font-body);transition:var(--transition-fast);border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.modal-action-btn.github{background:var(--accent);color:#1a1b24;font-weight:600}.modal-action-btn.github:hover{background:var(--accent-hover)}.modal-action-btn.demo{background:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-primary)}.modal-action-btn.demo:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:640px){.modal-overlay{padding:16px}.modal-content{max-height:90vh;margin:auto}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.modal-title{font-size:1.2rem}.modal-footer{flex-direction:column;align-items:stretch}.modal-action-btn{justify-content:center}}.projects-section{border-top:1px solid var(--border-subtle);padding:48px 0;position:relative}.section-head-projects{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.projects-count{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;padding-bottom:6px;font-size:.85rem}.projects-accordion{flex-direction:column;gap:8px;display:flex}.project-item-wrapper{flex-direction:column;width:100%;display:flex}.project-card-expanded{background-color:var(--bg-secondary);border:1.5px solid var(--accent);border-radius:14px;margin-bottom:6px;padding:28px 28px 26px;animation:.22s cubic-bezier(.16,1,.3,1) fadeInCard;box-shadow:0 0 28px #ffb21a17,0 8px 24px #0006}@keyframes fadeInCard{0%{opacity:.7;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.expanded-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.expanded-title-block{align-items:flex-start;gap:18px;display:flex}.project-num-accent{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;padding-top:2px;font-size:.98rem;font-weight:700}.expanded-titles{flex-direction:column;gap:4px;display:flex}.project-cat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:500}.project-name-expanded{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:600}.toggle-btn-expanded{background-color:var(--accent);cursor:pointer;width:38px;height:38px;transition:transform var(--transition-fast),background-color var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #ffb21a4d}.toggle-btn-expanded:hover{background-color:var(--accent-hover);transform:scale(1.08)}.diamond-marker{border:2px solid #1a1b24;width:11px;height:11px;display:block;transform:rotate(45deg)}.project-desc-expanded{color:var(--text-secondary);max-width:95%;margin:18px 0 22px;padding-left:36px;font-size:.98rem;line-height:1.62}.expanded-tech-row{flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-left:36px;display:flex}.tech-pill-rounded{font-family:var(--font-mono);color:var(--text-primary);border:1px solid var(--border-medium);transition:var(--transition-fast);background-color:#242530bf;border-radius:100px;padding:5px 12px;font-size:.75rem}.tech-pill-rounded:hover{border-color:var(--accent);color:var(--accent)}.expanded-actions-row{align-items:center;gap:14px;padding-left:36px;display:flex}.project-btn-primary{background-color:var(--accent);color:#1a1b24;font-family:var(--font-body);transition:var(--transition-fast);border-radius:6px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.project-btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ffb21a40}.project-btn-secondary{border:1px solid var(--border-medium);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background-color:#0000;border-radius:6px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:500;display:inline-flex}.project-btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.square-icon-accent{border:2px solid #1a1b24;border-radius:2px;width:10px;height:10px;display:inline-block}.square-icon-outline{border:1.5px solid var(--text-secondary);border-radius:2px;width:10px;height:10px;display:inline-block}.project-row-collapsed{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:20px 14px;display:flex}.project-row-collapsed:hover{background-color:#2f314073}.project-row-collapsed:last-child{border-bottom:none}.collapsed-left{flex:1;align-items:flex-start;gap:18px;display:flex}.collapsed-info{flex-direction:column;gap:3px;display:flex}.project-name-collapsed{font-family:var(--font-display);color:var(--text-primary);transition:color var(--transition-fast);margin:0;font-size:1.15rem;font-weight:500}.project-row-collapsed:hover .project-name-collapsed{color:var(--accent)}.collapsed-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.collapsed-tech-pills{align-items:center;gap:6px;display:flex}.tech-pill-rounded-sm{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);background-color:#242530a6;border-radius:100px;padding:3px 10px;font-size:.72rem}.toggle-btn-collapsed{border:1px solid var(--border-medium);cursor:pointer;width:36px;height:36px;transition:border-color var(--transition-fast),background-color var(--transition-fast);background-color:#24253099;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-row-collapsed:hover .toggle-btn-collapsed{border-color:var(--accent);background-color:var(--bg-elevated)}.toggle-btn-collapsed .square-icon-accent{border-color:var(--accent)}@media (max-width:768px){.projects-section{padding:36px 0}.project-desc-expanded,.expanded-tech-row,.expanded-actions-row{padding-left:0}.project-card-expanded{padding:22px 18px}.project-name-expanded{font-size:1.18rem}.project-row-collapsed{padding:16px 8px}.collapsed-tech-pills{display:none}.project-name-collapsed{font-size:1.02rem}}.skills-section{border-top:1px solid var(--border-subtle);padding:48px 0;position:relative}.skills-section .section-head{margin-bottom:24px}.section-tag-code{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);align-items:center;gap:8px;margin-bottom:14px;font-size:.82rem;display:inline-flex}.code-comment-slash{color:var(--accent);font-weight:700}.heading-highlight{color:var(--accent)}.stack-architecture{flex-direction:column;gap:28px;margin-top:8px;display:flex}.category-marker{border:2px solid var(--accent);background-color:#0000;border-radius:2px;flex-shrink:0;width:14px;height:14px;display:inline-block}.flow-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:500}.stack-banner-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);transition:border-color var(--transition-fast),background-color var(--transition-fast);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.stack-banner-card:hover{border-color:var(--border-medium);background-color:var(--bg-elevated)}.banner-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.banner-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600}.banner-pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.flow-group{flex-direction:column;display:flex}.flow-row{align-items:stretch;gap:12px;display:flex}.flow-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;flex:1;padding:22px 20px;transition:transform .2s,border-color .2s,background-color .2s;display:flex}.flow-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.flow-card.backend-core{border:1.5px solid var(--accent);background-color:#2f3140d9;box-shadow:0 0 24px #ffb21a1f,inset 0 0 16px #ffb21a08}.flow-card.backend-core:hover{border-color:var(--accent-hover);box-shadow:0 0 28px #ffb21a2e}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title-wrap{align-items:center;gap:10px;display:flex}.card-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.12rem;font-weight:600}.core-badge{font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent);letter-spacing:.04em;background-color:#ffb21a14;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:500}.card-divider{background-color:var(--border-subtle);height:1px;margin:14px 0 16px}.flow-card.backend-core .card-divider{background-color:#ffb21a33}.card-pills{flex-direction:column;flex:1;align-items:flex-start;gap:8px;display:flex}.pill-subrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flow-connector{flex-shrink:0;justify-content:center;align-items:center;padding:0 2px;display:flex}.connector-marker{border:2px solid var(--accent);background-color:#0000;border-radius:2px;width:12px;height:12px;display:inline-block}.stack-pill{font-family:var(--font-mono);color:var(--text-primary);border:1px solid var(--border-subtle);white-space:nowrap;transition:var(--transition-fast);background-color:#242530bf;border-radius:5px;align-items:center;padding:5px 11px;font-size:.78rem;display:inline-flex}.stack-pill:hover{border-color:var(--accent);color:var(--accent);background-color:var(--accent-subtle);transform:translateY(-1px)}@media (max-width:820px){.skills-section{padding:36px 0}.flow-row{flex-direction:column;gap:12px}.flow-connector{height:16px;padding:2px 0}.stack-banner-card{flex-direction:column;align-items:flex-start;gap:14px}.banner-pills{justify-content:flex-start}.card-pills{flex-flow:wrap}}@media (max-width:480px){.banner-title,.card-title{font-size:1.05rem}.stack-pill{padding:4px 9px;font-size:.74rem}.stack-banner-card,.flow-card{padding:18px 16px}}.journey-section{border-top:1px solid var(--border-subtle);padding:48px 0;position:relative}.journey-section .section-head{margin-bottom:24px}.education-list{flex-direction:column;gap:16px;display:flex}.education-item{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;align-items:center;gap:20px;padding:20px 24px;transition:transform .2s,border-color .2s;display:flex}.education-item:hover{border-color:var(--border-medium);background-color:var(--bg-elevated);transform:translate(4px)}.edu-icon-wrap{background-color:var(--bg-elevated);width:38px;height:38px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.edu-content{flex:1}.edu-header{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:4px;display:flex}.edu-degree{color:var(--text-primary);font-size:1.1rem;font-weight:600}.edu-year{font-family:var(--font-mono);color:var(--accent);font-size:.78rem}.edu-institution{color:var(--text-secondary);margin:0;font-size:.9rem}.edu-score{font-family:var(--font-mono);color:var(--accent);background-color:#ffb21a14;border:1px solid #ffb21a40;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.92rem;font-weight:600}@media (max-width:640px){.journey-section{padding:36px 0}.education-item{flex-direction:column;align-items:flex-start;gap:12px}}.contact-section{border-top:1px solid var(--border-subtle);padding:48px 0;position:relative}.contact-section .section-head{margin-bottom:28px}.contact-intro{color:var(--text-secondary);max-width:540px;margin-top:8px;font-size:.95rem;line-height:1.6}.contact-grid{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:28px;display:grid}.contact-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);transition:var(--transition-fast);border-radius:12px;flex-direction:column;padding:28px;display:flex}.contact-card:hover{border-color:var(--border-medium)}.card-status-badge{font-family:var(--font-mono);color:#52c480;background-color:#52c48014;border:1px solid #52c48038;border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:20px;padding:5px 12px;font-size:.72rem;display:inline-flex}.status-indicator{background-color:#52c480;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #52c480cc}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.card-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);margin-bottom:10px;font-size:.7rem;font-weight:500;display:block}.email-display-address{font-family:var(--font-display);color:var(--text-primary);word-break:break-all;transition:var(--transition-fast);margin-bottom:8px;font-size:1.35rem;font-weight:600;text-decoration:none;display:block}.email-display-address:hover{color:var(--accent)}.email-card-text{color:var(--text-secondary);margin-bottom:22px;font-size:.88rem;line-height:1.5}.email-compose-btn{background-color:var(--accent);color:#1a1b24;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:fit-content;margin-bottom:20px;padding:13px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 16px #ffb21a33}.email-compose-btn:hover{background-color:var(--accent-hover);color:#1a1b24;transform:translateY(-2px);box-shadow:0 6px 20px #ffb21a59}.email-secondary-actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:18px;display:flex}.contact-action-btn{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;text-decoration:none;display:inline-flex}.contact-action-btn:hover{border-color:var(--accent);color:var(--accent);background-color:#ffb21a0f}.contact-action-btn .text-accent{color:var(--accent)}.socials-card{justify-content:flex-start}.socials-list{flex-direction:column;flex:1;gap:10px;margin-top:12px;display:flex}.social-item{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.social-item:hover{border-color:var(--border-medium);background-color:#2f3140;transform:translate(4px)}.social-item-left{align-items:center;gap:12px;display:flex}.social-icon-wrapper{background-color:var(--bg-main);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-primary);transition:var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;display:flex}.social-item:hover .social-icon-wrapper{border-color:var(--accent);color:var(--accent)}.social-meta{flex-direction:column;gap:2px;display:flex}.social-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.social-handle{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.social-arr{color:var(--text-muted);transition:var(--transition-fast)}.social-item:hover .social-arr{color:var(--accent);transform:translate(2px,-2px)}@media (max-width:820px){.contact-section{padding:36px 0}.contact-grid{grid-template-columns:1fr;gap:20px}.email-display-address{font-size:1.15rem}.email-compose-btn{width:100%}}.editorial-footer{border-top:1px solid var(--border-subtle);z-index:2;background-color:#1d1e27;padding:48px 0 32px;position:relative}.footer-top-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:36px;display:grid}.footer-brand{align-items:flex-start;gap:20px;display:flex}.footer-monogram{background-color:var(--bg-secondary);border:1px solid var(--border-medium);width:44px;height:44px;font-family:var(--font-display);letter-spacing:-.05em;color:var(--text-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:relative}.footer-monogram .mono-m{color:var(--text-primary)}.footer-monogram .mono-p{color:var(--text-secondary)}.footer-monogram .mono-dot{background-color:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:7px}.footer-brand-text{max-width:420px}.brand-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:700;display:block}.brand-tagline{color:var(--text-muted);font-size:.92rem;line-height:1.6}.footer-col-title{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);margin-bottom:18px;font-size:.72rem;display:block}.footer-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:32px;display:flex}.footer-status-indicator{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;font-size:.76rem;display:flex}.status-dot{background-color:#52c480;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #52c48099}.footer-copyright{color:var(--text-muted);font-size:.82rem}.back-to-top-btn{font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.76rem;transition:color .2s;display:inline-flex}.back-to-top-btn:hover{color:var(--accent)}@media (max-width:860px){.editorial-footer{padding:36px 0 24px}.footer-top-row{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.footer-bottom-row{flex-direction:column;align-items:flex-start;gap:16px}}.app{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}.bg-ambient{pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 20%,#ffb21a09 0%,#0000 40%),radial-gradient(circle at 85% 75%,#383b4c66 0%,#0000 50%);position:fixed;inset:0}.bg-grid-lines{pointer-events:none;z-index:0;opacity:.18;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 85%);mask-image:radial-gradient(#000 40%,#0000 85%)}section{z-index:1;position:relative}.content-container{max-width:var(--container-max);margin:0 auto;padding:0 24px}@media (max-width:768px){.content-container{padding:0 20px}}.scroll-progress-line{transform-origin:0;height:2.5px;transform:scaleX(var(--scroll-progress,0));z-index:1000;pointer-events:none;will-change:transform;background:linear-gradient(90deg,#f90 0%,#ffb21a 50%,#ffe082 100%);transition:transform 80ms ease-out;position:fixed;top:0;left:0;right:0;box-shadow:0 0 12px #ffb21a99}.reveal-on-scroll{opacity:0;will-change:opacity,transform;transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.reveal-on-scroll.reveal-from-left{transform:translate(-24px)}.reveal-on-scroll.reveal-from-left.is-revealed{transform:translate(0)}.reveal-on-scroll.reveal-from-right{transform:translate(24px)}.reveal-on-scroll.reveal-from-right.is-revealed{transform:translate(0)}.reveal-on-scroll.reveal-scale{transform:scale(.96)translateY(14px)}.reveal-on-scroll.reveal-scale.is-revealed{transform:scale(1)translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.reveal-delay-5{transition-delay:.4s}@media (prefers-reduced-motion:reduce){.scroll-progress-line{display:none!important}.reveal-on-scroll{opacity:1!important;transition:none!important;transform:none!important}}