.mac-system-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--window-header-bg);border-bottom:2.5px solid var(--border-color);box-shadow:0 3px #00000026;height:48px;display:flex;align-items:center}.system-bar-container{width:100%;max-width:1320px;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.system-bar-left{display:flex;align-items:center;gap:1.8rem}.system-logo{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--foreground);display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.05em;background:var(--window-bg);padding:3px 10px;border:1.5px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);border-radius:var(--radius-xs)}.desktop-menu{display:flex;align-items:center;gap:1.2rem}.menu-item{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--foreground-muted);padding:4px 8px;border-radius:var(--radius-xs);transition:all var(--transition-fast)}.menu-item:hover,.menu-item.active{color:var(--foreground);background:var(--window-bg-alt);border:1px solid var(--border-color)}.system-bar-right{display:flex;align-items:center;gap:12px}.system-status-pill{display:flex;align-items:center;gap:6px;background:var(--window-bg);border:1.5px solid var(--border-color);padding:3px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.68rem;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background-color:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.system-clock{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--foreground);background:var(--window-bg);border:1.5px solid var(--border-color);padding:3px 8px;border-radius:var(--radius-xs)}.retro-theme-toggle{display:flex;align-items:center;gap:6px;padding:3px 10px;background:var(--primary);color:#fff;border:1.5px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.72rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.retro-theme-toggle:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow-color)}.mobile-hamburger{display:none;background:var(--window-bg);border:1.5px solid var(--border-color);padding:4px;border-radius:var(--radius-xs);cursor:pointer;color:var(--foreground)}.mobile-system-menu{position:absolute;top:48px;left:0;right:0;background:var(--window-bg);border-bottom:2.5px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 6px 0 var(--shadow-color)}.mobile-system-menu a{font-family:var(--font-mono);font-size:.9rem;font-weight:700;padding:8px 12px;border:1.5px solid var(--border-color);background:var(--window-bg-alt);border-radius:var(--radius-xs)}@media(max-width:820px){.desktop-menu,.system-status-pill{display:none}.mobile-hamburger{display:block}}.hero-section{width:100%}.hero-window{margin-top:10px}.window-badge{font-family:var(--font-mono);font-size:.68rem;font-weight:700;background:var(--window-bg);border:1px solid var(--border-color);padding:2px 6px;border-radius:var(--radius-xs)}.hero-body{padding:3rem}.hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:3rem;align-items:center}.retro-status-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;background:var(--window-bg-alt);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);padding:5px 12px;border-radius:var(--radius-xs);margin-bottom:1.5rem;color:var(--foreground)}.status-indicator-blink{width:8px;height:8px;border-radius:50%;background-color:var(--accent-green);box-shadow:0 0 8px var(--accent-green);animation:retroBlink 1.5s infinite}@keyframes retroBlink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{font-family:var(--font-heading);font-size:3.4rem;font-weight:800;line-height:1.15;color:var(--foreground);margin-bottom:1.2rem;letter-spacing:-.02em}.retro-highlight{background:var(--primary);color:#fff;padding:0 10px;border-radius:var(--radius-xs);display:inline-block;box-shadow:3px 3px 0 var(--border-color)}.hero-description{font-family:var(--font-body);font-size:1.15rem;line-height:1.6;color:var(--foreground-muted);margin-bottom:2rem;max-width:620px}.hero-buttons{display:flex;gap:1.2rem;margin-bottom:2.5rem}.hero-retro-stats{display:flex;gap:1.5rem;padding-top:1.5rem;border-top:2.5px dashed var(--border-color)}.stat-box{background:var(--window-bg-alt);border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color);padding:10px 18px;border-radius:var(--radius-xs);display:flex;flex-direction:column}.stat-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:700;color:var(--foreground);line-height:1}.stat-title{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--foreground-muted);letter-spacing:.05em;margin-top:4px}.pixel-avatar-card{background:var(--window-bg-alt);border:3px solid var(--border-color);box-shadow:6px 6px 0 var(--shadow-color);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:12px}.card-top-strip{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--foreground);border-bottom:2px solid var(--border-color);padding-bottom:8px}.live-fps-badge{display:flex;align-items:center;gap:4px;font-size:.65rem;background:var(--primary);color:#fff;padding:2px 6px;border-radius:var(--radius-xs)}.retro-grid-avatar-container{position:relative;height:300px;border:2.5px solid var(--border-color);border-radius:var(--radius-xs);overflow:hidden;background:#121814;display:flex;align-items:center;justify-content:center;perspective:400px}.animated-retro-grid{position:absolute;top:-20%;left:-50%;width:200%;height:200%;background-image:linear-gradient(to right,rgba(223,86,69,.3) 1.5px,transparent 1.5px),linear-gradient(to bottom,rgba(223,86,69,.3) 1.5px,transparent 1.5px);background-size:30px 30px;transform:rotateX(60deg);animation:gridScroll 4s linear infinite}@keyframes gridScroll{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(30px)}}.retro-grid-horizon{position:absolute;top:45%;left:0;right:0;height:2px;background:var(--primary);box-shadow:0 0 15px var(--primary),0 0 30px var(--accent-yellow)}.retro-scan-beam{position:absolute;top:0;left:0;right:0;height:4px;background:#ebb134cc;box-shadow:0 0 12px #ebb134;animation:scanBeam 3.5s ease-in-out infinite alternate;z-index:4}@keyframes scanBeam{0%{top:0%}to{top:96%}}.avatar-graphic-wrapper{position:relative;z-index:5;width:210px;height:210px;display:flex;align-items:center;justify-content:center;animation:avatarFloat 3.5s ease-in-out infinite alternate}@keyframes avatarFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.animated-avatar-svg{width:100%;height:100%;filter:drop-shadow(0px 6px 0px rgba(0,0,0,.5))}.floating-particles text{animation:particlePulse 2s ease-in-out infinite alternate}@keyframes particlePulse{0%{opacity:.4;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.retro-floating-chip{position:absolute;font-family:var(--font-mono);font-size:.65rem;font-weight:700;background:var(--window-bg);border:1.5px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);padding:3px 8px;border-radius:var(--radius-xs);z-index:6;color:var(--foreground)}.chip-1{top:15px;left:15px;animation:chipFloat 3s ease-in-out infinite alternate}.chip-2{top:15px;right:15px;animation:chipFloat 3.5s ease-in-out infinite alternate-reverse}.chip-3{bottom:15px;left:15px;animation:chipFloat 4s ease-in-out infinite alternate}@keyframes chipFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.crt-scanline-overlay{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.25) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:7}.card-footer-info{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--foreground-muted)}.sparkle-icon{color:var(--accent-yellow)}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.4rem}.hero-body{padding:1.8rem 1.2rem}.hero-buttons{flex-direction:column}.hero-retro-stats{flex-wrap:wrap}}.retro-project-card{background:var(--window-bg);border:2.5px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);border-radius:var(--radius-sm);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-fast)}.retro-project-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-color)}.card-window-bar{background:var(--window-header-bg);border-bottom:2px solid var(--border-color);padding:6px 12px;display:flex;align-items:center;justify-content:space-between}.card-window-filename{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--foreground-muted)}.project-thumbnail{height:185px;border-bottom:2.5px solid var(--border-color);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:10px}.project-card-full-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;image-rendering:pixelated;filter:contrast(1.05);z-index:1}.mockup-header-bar{background:var(--window-bg);border:1.5px solid var(--border-color);padding:2px 8px;border-radius:var(--radius-xs);align-self:flex-start;position:relative;z-index:2;box-shadow:2px 2px 0 var(--shadow-color)}.screen-line{height:6px;background:var(--border-color);border-radius:2px;opacity:.7}.screen-line.line-1{width:70%}.screen-line.line-2{width:45%}.screen-blocks{display:flex;gap:6px;margin-top:4px}.screen-blocks .block{flex:1;height:18px;background:var(--border-color);opacity:.4;border-radius:2px}.project-info{padding:1.2rem;display:flex;flex-direction:column;flex:1}.project-category-row{margin-bottom:.6rem}.category-pill{font-family:var(--font-mono);font-size:.65rem;font-weight:700;background:var(--window-bg-alt);border:1.5px solid var(--border-color);color:var(--primary);padding:2px 8px;border-radius:var(--radius-xs);box-shadow:1.5px 1.5px 0 var(--shadow-color)}.project-title-text{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--foreground);margin-bottom:.5rem}.project-description-text{font-family:var(--font-body);font-size:.9rem;line-height:1.5;color:var(--foreground-muted);margin-bottom:1rem;flex:1}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.tag-pill{font-family:var(--font-mono);font-size:.68rem;font-weight:700;background:var(--window-bg-alt);border:1px solid var(--border-color);padding:2px 6px;border-radius:var(--radius-xs);color:var(--foreground)}.card-actions{display:flex;gap:.6rem}.card-action-btn{padding:.4rem .8rem;font-size:.75rem;flex:1}.work-section{width:100%}.retro-filter-bar{display:flex;align-items:center;gap:1rem;background:var(--window-bg-alt);border:2px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color);padding:10px 16px;border-radius:var(--radius-xs);margin-bottom:2.5rem;flex-wrap:wrap}.filter-label-tag{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--foreground-muted)}.filter-tabs{display:flex;gap:.8rem;flex-wrap:wrap}.retro-tab-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;padding:6px 14px;background:var(--window-bg);color:var(--foreground);border:1.5px solid var(--border-color);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);box-shadow:2px 2px 0 var(--shadow-color)}.retro-tab-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow-color)}.retro-tab-btn.active{background:var(--primary);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.about-section{width:100%}.about-window{margin-top:0}.retro-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.retro-card{background:var(--window-bg-alt);border:2.5px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);border-radius:var(--radius-sm);padding:1.5rem;display:flex;flex-direction:column;transition:all var(--transition-fast)}.retro-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow-color)}.retro-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--border-color);padding-bottom:10px;margin-bottom:1rem;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--foreground-muted)}.bio-card{grid-column:span 2;grid-row:span 2;justify-content:space-between;background:var(--window-bg)}.bio-content h3{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;margin-bottom:1rem;color:var(--foreground)}.bio-content p{font-family:var(--font-body);font-size:1.05rem;line-height:1.6;color:var(--foreground-muted);margin-bottom:1rem}.bio-footer-bar{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.2rem;border-top:2px dashed var(--border-color)}.bio-location-tag{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--foreground-muted)}.retro-link-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--primary);background:var(--window-bg-alt);border:1.5px solid var(--border-color);padding:4px 10px;border-radius:var(--radius-xs);box-shadow:2px 2px 0 var(--shadow-color)}.retro-link-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow-color)}.service-card h4{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--foreground)}.service-card p{font-family:var(--font-body);font-size:.92rem;color:var(--foreground-muted);line-height:1.5}.service-icon{width:42px;height:42px;background:var(--window-bg);border:2px solid var(--border-color);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;color:var(--primary)}.service-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;background:var(--primary);color:#fff;padding:2px 6px;border-radius:var(--radius-xs)}.philosophy-card{grid-column:span 1;background:var(--window-bg-alt)}.philosophy-quote{font-family:var(--font-mono);font-size:.95rem;font-style:italic;line-height:1.5;color:var(--foreground);margin-top:.5rem}@media(max-width:960px){.retro-bento-grid{grid-template-columns:1fr}.bio-card{grid-column:span 1;grid-row:span 1}}.skills-section{width:100%}.skills-retro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.8rem}.skills-panel-card{background:var(--window-bg-alt);border:2.5px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);border-radius:var(--radius-sm);padding:1.2rem;display:flex;flex-direction:column}.panel-header-strip{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--foreground);border-bottom:2px solid var(--border-color);padding-bottom:8px;margin-bottom:1.2rem}.panel-body-list{display:flex;flex-direction:column;gap:1.2rem}.skill-meter-row{display:flex;flex-direction:column;gap:4px}.meter-info-top{display:flex;justify-content:space-between;align-items:center}.skill-title-name{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--foreground);display:flex;align-items:center;gap:6px}.check-icon{color:var(--accent-green)}.skill-level-text{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--primary)}.skill-bar-container{width:100%;height:10px;background:var(--window-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-xs);overflow:hidden;padding:1px}.skill-bar-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .8s ease}.skill-detail-sub{font-family:var(--font-mono);font-size:.68rem;color:var(--foreground-muted)}.contact-section{width:100%}.slack-window{margin-top:0}.slack-layout-container{display:grid;grid-template-columns:240px 1fr;min-height:520px;background:var(--window-bg)}.slack-sidebar{background:var(--window-bg-alt);border-right:2.5px solid var(--border-color);padding:1rem .8rem;display:flex;flex-direction:column;gap:1.2rem}.slack-team-dropdown{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-heading);font-weight:800;font-size:1.05rem;color:var(--foreground);padding:6px 8px;border:2px solid var(--border-color);background:var(--window-bg);border-radius:var(--radius-xs);box-shadow:2px 2px 0 var(--shadow-color)}.slack-section-group{display:flex;flex-direction:column;gap:4px}.slack-group-title{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--foreground-muted);text-transform:uppercase;margin-bottom:4px;padding-left:6px}.slack-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--foreground-muted);padding:6px 8px;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast)}.slack-item:hover,.slack-item.active{color:var(--foreground);background:var(--window-bg);border:1.5px solid var(--border-color)}.slack-item .badge-count{margin-left:auto;font-size:.6rem;background:var(--primary);color:#fff;padding:1px 5px;border-radius:var(--radius-xs)}.dm-online-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green)}.slack-social-links{margin-top:auto;display:flex;gap:8px;padding-top:12px;border-top:2px dashed var(--border-color)}.slack-social-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--window-bg);border:1.5px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);border-radius:var(--radius-xs);color:var(--foreground)}.slack-social-icon:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow-color);color:var(--primary)}.slack-main-feed{display:flex;flex-direction:column;background:var(--window-bg)}.slack-main-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:2px solid var(--border-color);background:var(--window-bg-alt)}.slack-channel-info{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.85rem;font-weight:700}.channel-hash{color:var(--foreground-muted)}.channel-name{color:var(--foreground);font-weight:800}.members-count{font-size:.72rem;color:var(--foreground-muted);background:var(--window-bg);border:1px solid var(--border-color);padding:2px 6px;border-radius:var(--radius-xs)}.slack-header-actions{display:flex;gap:12px;color:var(--foreground-muted)}.slack-messages-area{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;overflow-y:auto}.slack-message{display:flex;gap:12px;align-items:flex-start}.user-avatar-pixel-frame{width:44px;height:44px;border-radius:var(--radius-xs);border:2.5px solid var(--border-color);box-shadow:3px 3px 0 var(--shadow-color);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--window-bg-alt);flex-shrink:0;transition:all var(--transition-fast)}.user-avatar-pixel-frame.transparent-bg{background:transparent;border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color)}.user-avatar-pixel-frame:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--shadow-color)}.cyberpunk-ninja-svg{width:100%;height:100%;filter:drop-shadow(0px 2px 0px rgba(0,0,0,.3))}.visitor-avatar{background:var(--primary);color:#fff}.visitor-icon{color:#fff}.user-email-tag{font-size:.7rem;color:var(--primary);font-family:var(--font-mono)}.success-text-group{display:flex;flex-direction:column;gap:2px}.message-content{display:flex;flex-direction:column;gap:4px}.user-meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono)}.user-name{font-weight:800;font-size:.88rem;color:var(--foreground)}.message-time,.kb-size{font-size:.7rem;color:var(--foreground-muted)}.message-text{font-family:var(--font-body);font-size:.95rem;line-height:1.5;color:var(--foreground)}.message-card-attachment{margin-top:8px;background:var(--window-bg-alt);border:2.5px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);padding:12px 16px;border-radius:var(--radius-xs);max-width:320px}.attachment-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:var(--primary);margin-bottom:4px}.attachment-email{font-family:var(--font-mono);font-size:.88rem;font-weight:700;color:var(--foreground);text-decoration:underline;background:transparent;border:none;cursor:pointer;padding:0}.btn-mail-trigger{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.retro-toast-alert{position:fixed;bottom:24px;right:24px;z-index:9999;background:var(--window-bg);color:var(--foreground);border:3px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);padding:10px 16px;border-radius:var(--radius-xs);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.82rem;font-weight:700;animation:popIn .2s ease-out}@keyframes popIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slack-input-container{padding:1rem 1.5rem 1.5rem;border-top:2px solid var(--border-color);background:var(--window-bg-alt)}.slack-form-layout{display:flex;flex-direction:column;gap:.8rem}.form-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.slack-input,.slack-textarea{width:100%;font-family:var(--font-mono);font-size:.82rem;padding:8px 12px;background:var(--window-bg);border:2px solid var(--border-color);border-radius:var(--radius-xs);color:var(--foreground);box-shadow:inset 1px 1px #0000001a}.slack-input:focus,.slack-textarea:focus{outline:none;border-color:var(--primary)}.form-textarea-row{display:flex;gap:.8rem;align-items:flex-end}.send-slack-btn{height:40px;white-space:nowrap}.slack-success-box{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.82rem;color:var(--accent-green)}@media(max-width:820px){.slack-layout-container{grid-template-columns:1fr}.slack-sidebar{display:none}.form-inputs-row{grid-template-columns:1fr}}.mac-footer-dock{background:var(--window-header-bg);border-top:2.5px solid var(--border-color);padding:12px 20px;box-shadow:0 -3px #00000026;margin-top:2rem}.footer-dock-container{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dock-left{display:flex;align-items:center;gap:1rem}.system-pill{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;background:var(--window-bg);border:1.5px solid var(--border-color);padding:3px 8px;border-radius:var(--radius-xs);box-shadow:2px 2px 0 var(--shadow-color)}.dock-copy{font-family:var(--font-mono);font-size:.72rem;color:var(--foreground-muted)}.dock-center{font-family:var(--font-mono);font-size:.75rem;color:var(--foreground)}.dock-heart{display:flex;align-items:center;gap:6px}.heart-icon{color:var(--primary);animation:heartPulse 1.5s infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.dock-right{display:flex;align-items:center;gap:8px}.dock-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--window-bg);border:1.5px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);padding:5px 10px;border-radius:var(--radius-xs);color:var(--foreground);font-family:var(--font-mono);font-size:.72rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.dock-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow-color);color:var(--primary)}@media(max-width:768px){.footer-dock-container{flex-direction:column;align-items:flex-start}}:root{--font-retro: "Space Grotesk", sans-serif;--font-mono: "Space Grotesk", sans-serif;--font-heading: "Space Grotesk", sans-serif;--font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--background: #6f9d6c;--background-alt: #648f61;--foreground: #24201c;--foreground-muted: #6b6259;--window-bg: #faf6ec;--window-bg-alt: #eee7d9;--window-header-bg: #e6decb;--border-color: #231f1b;--shadow-color: #1a1714;--shadow-offset: 5px 5px 0px var(--shadow-color);--shadow-offset-lg: 8px 8px 0px var(--shadow-color);--shadow-offset-sm: 3px 3px 0px var(--shadow-color);--primary-rgb: 224, 90, 71;--primary: #df5645;--primary-hover: #c94434;--accent-blue: #3b77c5;--accent-green: #48a058;--accent-yellow: #ebb134;--accent-purple: #8b5cf6;--secondary: #ded6c3;--card-bg: #ffffff;--card-border: #231f1b;--ring: var(--border-color);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--background: #1a221d;--background-alt: #141b17;--foreground: #f2f5f3;--foreground-muted: #95a89b;--window-bg: #161b17;--window-bg-alt: #202721;--window-header-bg: #29322b;--border-color: #0b0e0c;--shadow-color: #000000;--shadow-offset: 5px 5px 0px var(--shadow-color);--shadow-offset-lg: 8px 8px 0px var(--shadow-color);--shadow-offset-sm: 3px 3px 0px var(--shadow-color);--primary: #ff6b58;--primary-hover: #e85542;--accent-blue: #5499ee;--accent-green: #5cdb74;--accent-yellow: #f6c445;--accent-purple: #a78bfa;--secondary: #2c362e;--card-bg: #1f2721;--card-border: #0b0e0c}*,button,input,textarea,select{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-heading)}html{scroll-behavior:smooth;scroll-padding-top:70px}body{font-family:var(--font-body);background-color:var(--background);background-image:radial-gradient(rgba(0,0,0,.15) 1px,transparent 1px);background-size:16px 16px;color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}[data-theme=dark] body{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.01em;line-height:1.2}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--window-bg-alt);border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--window-header-bg);border:2px solid var(--border-color);box-shadow:inset 1px 1px #fff,inset -1px -1px #0003}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}::selection{background-color:var(--border-color);color:#fff}.App{min-height:100vh;display:flex;flex-direction:column;position:relative}.desktop-wrapper{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:85px 20px 40px;display:flex;flex-direction:column;gap:3.5rem}.retro-window{background:var(--window-bg);border:3px solid var(--border-color);box-shadow:var(--shadow-offset-lg);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:box-shadow var(--transition-fast)}.window-header{background:var(--window-header-bg);border-bottom:3px solid var(--border-color);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.window-title{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--foreground);display:flex;align-items:center;gap:8px;letter-spacing:.03em}.window-controls{display:flex;align-items:center;gap:7px}.window-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--border-color);display:inline-block}.window-dot.close{background-color:#ff5f56}.window-dot.min{background-color:#ffbd2e}.window-dot.max{background-color:#27c93f}.window-body{padding:2.2rem}@media(max-width:768px){.window-body{padding:1.4rem 1rem}.desktop-wrapper{padding:75px 12px 24px;gap:2rem}}.section-header{text-align:center;max-width:680px;margin:0 auto 2.5rem}.section-subtitle{display:inline-block;font-family:var(--font-mono);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:var(--window-bg-alt);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--shadow-color);padding:4px 12px;border-radius:var(--radius-xs);color:var(--primary);margin-bottom:.85rem}.section-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;color:var(--foreground);margin-bottom:.6rem}.section-desc{font-family:var(--font-body);font-size:1.05rem;color:var(--foreground-muted)}.btn-retro{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.4rem;font-family:var(--font-mono);font-weight:700;font-size:.88rem;border-radius:var(--radius-xs);border:2.5px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-offset-sm);background:var(--window-bg);color:var(--foreground)}.btn-retro:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-offset)}.btn-retro:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow-color)}.btn-retro-primary{background:var(--primary);color:#fff}.btn-retro-primary:hover{background:var(--primary-hover)}.btn-retro-secondary{background:var(--window-bg-alt);color:var(--foreground)}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}