:root{--bg:#0a0c0a;--text-main:#e0e5e0;--text-muted:#8a958a;--accent:#4ade80;--accent-glow:#4ade8026;--surface:#111511;--surface-hover:#161c16;--border:#2a332a;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--bg:#000;--text-main:#fff;--text-muted:#888;--accent:#fff;--accent-glow:#ffffff1a;--surface:#111;--surface-hover:#1a1a1a;--border:#333}[data-theme=white]{--bg:#fff;--text-main:#000;--text-muted:#555;--accent:#000;--accent-glow:#0000000d;--surface:#f5f5f5;--surface-hover:#ebebeb;--border:#ddd}[data-theme=coffee]{--bg:#2a201a;--text-main:#f3e9dc;--text-muted:#b5a08c;--accent:#d6b18a;--accent-glow:#d6b18a26;--surface:#3a2d24;--surface-hover:#45352b;--border:#524033}[data-theme=discord]{--bg:#36393f;--text-main:#fff;--text-muted:#b9bbbe;--accent:#5865f2;--accent-glow:#5865f233;--surface:#2f3136;--surface-hover:#40444b;--border:#202225}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-sans);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;cursor:pointer;text-decoration:none}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app-root{background-color:var(--surface);min-height:100vh;position:relative;overflow:hidden}.site-wrapper{background-color:var(--bg);z-index:2;transform-origin:0;min-height:100vh;transition:transform .6s cubic-bezier(.32,.72,0,1),border-radius .6s,opacity .6s,background-color .4s,color .4s;position:relative;box-shadow:0 0 #0000}.site-wrapper.menu-active{opacity:.6;border-radius:20px;transform:scale(.9)translate(-65%);box-shadow:20px 0 50px #0006}.menu-overlay-click{z-index:999;cursor:pointer;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.site-wrapper.menu-active .menu-overlay-click{display:block}.mobile-nav-reveal{z-index:1;background-color:var(--surface);pointer-events:none;flex-direction:column;justify-content:center;width:65%;height:100vh;padding:2rem;display:flex;position:fixed;top:0;right:0}.mobile-nav-reveal.active{pointer-events:auto}.mobile-nav-link{letter-spacing:-.04em;color:var(--text-muted);opacity:0;margin-bottom:1.5rem;font-size:2rem;font-weight:700;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s,color .2s;transform:translate(30px)}.mobile-nav-link:hover{color:var(--accent)}.mobile-nav-reveal.active .mobile-nav-link{opacity:1;transform:translate(0)}.mobile-nav-reveal.active .mobile-nav-link:first-child{transition-delay:.1s}.mobile-nav-reveal.active .mobile-nav-link:nth-child(2){transition-delay:.15s}.mobile-nav-reveal.active .mobile-nav-link:nth-child(3){transition-delay:.2s}.mobile-nav-reveal.active .mobile-nav-link:nth-child(4){transition-delay:.25s}.site-container{max-width:1200px;margin:0 auto;padding:0 2rem}.site-header{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);transition:background-color .4s,border-color .4s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:80px;display:flex}.brand-name{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-muted);font-size:.875rem;transition:color .2s}.nav-link:hover{color:var(--text-main)}.header-actions{align-items:center;gap:.5rem;display:flex}.action-button{width:36px;height:36px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.action-button:hover,.action-button[aria-expanded=true]{color:var(--text-main);background-color:var(--surface)}.theme-selector{position:relative}.theme-dropdown{background-color:var(--surface);border:1px solid var(--border);opacity:0;visibility:hidden;border-radius:6px;flex-direction:column;gap:.25rem;min-width:120px;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-10px)}.theme-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.theme-option{text-align:left;color:var(--text-muted);text-transform:capitalize;border-radius:4px;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.theme-option:hover,.theme-option.active{color:var(--text-main);background-color:var(--surface-hover)}.mobile-menu-btn{color:var(--text-main);margin-left:.5rem;padding:.5rem;display:none}.site-section{padding:8rem 0}.hero-section{flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding-bottom:4rem;display:flex}.status-indicator{font-size:.875rem;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:2rem;display:inline-flex}.status-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.hero-title{letter-spacing:-.04em;text-transform:uppercase;margin-bottom:2rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1}.hero-subtitle{color:var(--text-muted);white-space:pre-line;max-width:600px;margin-bottom:3rem;font-size:clamp(1.25rem,3vw,2rem);line-height:1.4}.hero-actions{align-items:center;gap:1.5rem;display:flex}.btn-primary{background-color:var(--text-main);color:var(--bg);border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{color:var(--text-main);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:inline-flex;position:relative}.btn-secondary:after{content:"";background-color:var(--border);width:100%;height:1px;transition:background-color .2s;position:absolute;bottom:-4px;left:0}.btn-secondary:hover:after{background-color:var(--text-main)}.section-header{margin-bottom:4rem}.section-title{font-size:.875rem;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.about-content{color:var(--text-muted);grid-template-columns:1fr;gap:3rem;font-size:1.125rem;display:grid}@media (width>=768px){.about-content{grid-template-columns:1.5fr 1fr;gap:6rem}}.about-text p{margin-bottom:1.5rem}.focus-list{flex-direction:column;gap:1rem;display:flex}.focus-item{font-family:var(--font-mono);color:var(--text-main);align-items:center;gap:1rem;font-size:.875rem;display:flex}.focus-item:before{content:"";background-color:var(--accent);width:1rem;height:1px}.projects-list{flex-direction:column;gap:2rem;display:flex}.project-item{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr;padding:2rem;transition:all .3s;display:grid}@media (width>=768px){.project-item{grid-template-columns:auto 1fr auto;align-items:center;gap:4rem;padding:3rem}}.project-item:hover{border-color:var(--accent);background-color:var(--surface-hover);transform:translateY(-4px)}.project-number{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}@media (width>=768px){.project-number{margin-bottom:0}}.project-info{flex-direction:column;gap:.5rem;display:flex}.project-name{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;transition:transform .3s,color .3s}.project-item:hover .project-name{color:var(--accent);transform:translate(8px)}.project-context{font-size:.875rem;font-family:var(--font-mono);color:var(--text-muted)}.project-desc{color:var(--text-muted);max-width:500px;margin-top:.5rem}.project-link{opacity:.7;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.875rem;font-weight:500;transition:opacity .2s;display:inline-flex}@media (width>=768px){.project-link{margin-top:0}}.project-item:hover .project-link{opacity:1}.github-section .site-container{text-align:center;background-color:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;padding:6rem 2rem;display:flex}.github-icon{color:var(--text-main);margin-bottom:2rem}.github-handle{letter-spacing:-.02em;margin-bottom:1rem;font-size:2rem;font-weight:600}.github-desc{color:var(--text-muted);margin-bottom:2.5rem}.contact-section{text-align:center}.contact-title{letter-spacing:-.03em;margin-bottom:3rem;font-size:clamp(2rem,5vw,4rem);font-weight:700}.contact-links{justify-content:center;gap:2rem;display:flex}.contact-link{padding-bottom:.25rem;font-size:1.125rem;font-weight:500;position:relative}.contact-link:after{content:"";background-color:var(--accent);transform-origin:100%;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.contact-link:hover:after{transform-origin:0;transform:scaleX(1)}.site-footer{text-align:center;border-top:1px solid var(--border);margin-top:4rem;padding:3rem 0}.footer-text{font-size:.875rem;font-family:var(--font-mono);color:var(--text-muted)}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background-color:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:15vh;transition:opacity .2s,visibility .2s;display:flex;position:fixed;top:0;left:0}.command-palette-overlay.open{opacity:1;visibility:visible}.command-palette{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;max-width:500px;transition:transform .2s;overflow:hidden;transform:scale(.98)translateY(10px);box-shadow:0 20px 40px #0006}.command-palette-overlay.open .command-palette{transform:scale(1)translateY(0)}.cmd-header{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:1rem;display:flex}.cmd-input{width:100%;color:var(--text-main);font-size:1rem;font-family:var(--font-sans);background:0 0;border:none;outline:none}.cmd-list{max-height:300px;padding:.5rem;overflow-y:auto}.cmd-item{width:100%;color:var(--text-muted);border-radius:4px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .1s;display:flex}.cmd-item:hover,.cmd-item.active{background-color:var(--surface-hover);color:var(--accent)}.cmd-item-label{font-size:.875rem;font-weight:500}.cmd-item-shortcut{font-family:var(--font-mono);background-color:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.scanner-beam{background:linear-gradient(to bottom, transparent 30%, var(--accent-glow) 95%, var(--accent) 100%);z-index:9999;pointer-events:none;opacity:0;width:100vw;height:100vh;position:fixed;top:-100vh;left:0}.scanner-beam.scanning{opacity:1;animation:1.2s cubic-bezier(.65,0,.35,1) forwards scan-down}@keyframes scan-down{0%{transform:translateY(0)}to{transform:translateY(220vh)}}.floating-popup{z-index:1000;background-color:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up;display:flex;position:fixed;box-shadow:0 10px 30px #0000004d}.cookie-banner{flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 3rem);max-width:500px;bottom:1.5rem;left:50%;transform:translate(-50%)}.lang-prompt{width:calc(100% - 3rem);max-width:400px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-down;top:1.5rem;left:50%;transform:translate(-50%)}.toast-warning{color:#f87171;border-color:#f87171;max-width:300px;bottom:1.5rem;right:1.5rem}.popup-text{color:var(--text-main);font-size:.875rem;line-height:1.4}.popup-actions{gap:.5rem;display:flex}.btn-small{border-radius:4px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.btn-small.primary{background-color:var(--text-main);color:var(--bg)}.btn-small.primary:hover{opacity:.9}.btn-small.secondary{background-color:var(--surface-hover);color:var(--text-muted)}.btn-small.secondary:hover{color:var(--text-main)}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (width<=768px){.nav-links{display:none}.mobile-menu-btn{display:block}.cookie-banner{flex-direction:column;align-items:flex-start}.popup-actions{justify-content:flex-end;width:100%}}@media (width>=769px){.site-wrapper.menu-active{opacity:1;box-shadow:none;pointer-events:auto;border-radius:0;transform:none}.mobile-nav-reveal{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}