:root{--bg-color:#000;--fg-color:#fff;--accent-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{background-color:var(--bg-color);width:100%;min-height:100vh;color:var(--fg-color);font-family:Courier New,monospace;transition:background-color .5s,color .5s;overflow-x:hidden}.page{width:100%;position:relative}.content-container{width:min(100vw,177.778vh);margin:0 auto;position:relative}.scroll-spacer{position:relative}.face-wrapper{z-index:1;pointer-events:none;will-change:transform;width:min(100vw,177.778vh);height:100vh;margin:0 auto;position:fixed;top:0;left:0;right:0}.face-canvas{pointer-events:auto;width:100%;height:100%}.hero-section{z-index:2;pointer-events:none;height:100vh;position:relative}.about-section{z-index:2;justify-content:flex-end;align-items:flex-start;min-height:100vh;padding:20vh 15% 60px 60px;display:flex;position:relative}.about-content{flex-direction:column;gap:24px;width:50%;max-width:700px;margin-right:0;display:flex}.about-bio{flex-direction:column;gap:16px;display:flex}.hero-left{text-align:left;flex-direction:column;gap:2px;max-width:22%;display:flex;position:absolute;top:35vh;left:20%}.hero-right{flex-direction:column;align-items:flex-start;width:22%;display:flex;position:absolute;top:50vh;right:10%}.hero-greeting{color:var(--accent-color);letter-spacing:.05em;margin-bottom:4px;font-family:monospace;font-size:clamp(11px,1vw,16px);font-weight:400;display:block}.hero-name{color:var(--fg-color);letter-spacing:.02em;font-family:monospace;font-size:clamp(28px,3.8vw,62px);font-weight:700;line-height:1;display:block}.hero-role-primary{color:var(--fg-color);letter-spacing:.02em;white-space:nowrap;font-family:monospace;font-size:clamp(24px,3.2vw,52px);font-weight:700;line-height:1;display:block}.hero-role-secondary{color:var(--fg-color);opacity:.5;letter-spacing:.02em;align-self:flex-end;font-family:monospace;font-size:clamp(14px,1.8vw,30px);font-weight:700;line-height:1.1;display:block}.scroll-indicator{letter-spacing:.2em;color:var(--fg-color);opacity:.35;text-transform:uppercase;white-space:nowrap;flex-direction:column;align-items:center;gap:6px;font-family:monospace;font-size:14px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-indicator:after{content:"↓";letter-spacing:0;opacity:.7;font-size:18px}.terminal-window{border:2px solid color-mix(in srgb, var(--accent-color) 35%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);will-change:transform, opacity;background:#0006;border-radius:8px;transition:border-color .25s;position:relative;overflow:hidden}.terminal-window:hover{border-color:var(--border-hover-color)}.terminal-window-border-bounce{border:2px solid color-mix(in srgb, var(--accent-color) 35%, transparent);pointer-events:none;transform-origin:top;z-index:10;border-radius:8px;transition:border-color .25s;position:absolute;inset:0}.terminal-window:hover .terminal-window-border-bounce{border-color:var(--border-hover-color)}.terminal-header{border-bottom:1px solid #ffffff1a;align-items:center;padding:8px 14px;display:flex}.terminal-title{color:var(--fg-color);opacity:.4;font-family:monospace;font-size:13px}.terminal-body{padding:28px}.neofetch{color:var(--fg-color);font-family:Courier New,monospace;font-size:17px;line-height:1.8}.neofetch-prompt{margin-bottom:8px}.prompt-symbol{color:var(--accent-color)}.cursor{transition:opacity .1s}.neofetch-separator{background:var(--fg-color);opacity:.15;height:1px;margin:10px 0}.neofetch-line{white-space:pre}.neofetch-label{color:var(--accent-color);font-weight:700}.neofetch-arrow{opacity:.4}.neofetch-value{color:var(--fg-color)}.neofetch-layout{gap:24px;margin-top:8px;display:flex}.neofetch-logo{color:var(--accent-color);white-space:pre;flex-shrink:0;font-family:Courier New,monospace;font-size:12px;line-height:1.3}.neofetch-logo-line{transition:opacity .15s}.neofetch-info{flex:1;min-width:0}.neofetch-header{margin-bottom:2px;font-weight:700}.neofetch-at{color:var(--fg-color);opacity:.5}.neofetch-separator-line{color:var(--fg-color);opacity:.3;margin-bottom:4px}.neofetch-colors{flex-direction:column;gap:2px;margin-top:12px;display:flex}.neofetch-color-row{gap:2px;display:flex}.neofetch-color-block{border-radius:2px;width:16px;height:16px;display:inline-block}.custom-cursor{background-color:var(--accent-color);pointer-events:none;z-index:99999;filter:blur();mix-blend-mode:difference;will-change:transform;border-radius:50%;width:50px;height:50px;transition:background-color .5s;position:fixed;top:0;left:0}.topbar{z-index:1000;pointer-events:none;justify-content:center;align-items:center;height:60px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-inner{align-items:center;width:100%;max-width:min(100vw,177.778vh);padding:0 32px;display:flex;position:relative}.topbar-center{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%)}.topbar-email{color:var(--fg-color);opacity:.45;letter-spacing:.06em;font-family:monospace;font-size:14px;text-decoration:none;transition:opacity .2s}.topbar-email:hover{opacity:.9}.topbar-right{pointer-events:auto;align-items:center;gap:24px;margin-left:auto;display:flex}.topbar-link{color:var(--fg-color);opacity:.45;cursor:pointer;letter-spacing:.06em;font-family:monospace;font-size:14px;text-decoration:none;transition:opacity .2s}.topbar-link:hover{opacity:.9}.theme-dropdown{position:relative}.theme-dropdown-btn{color:var(--fg-color);cursor:pointer;opacity:.6;letter-spacing:.04em;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:5px 12px;font-family:monospace;font-size:14px;transition:opacity .2s,border-color .2s}.theme-dropdown-btn:hover{opacity:1;border-color:#fff6}.theme-dropdown-menu{background:color-mix(in srgb, var(--bg-color) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:2px;min-width:110px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.theme-dropdown-item{color:var(--fg-color);cursor:pointer;opacity:.5;text-align:left;letter-spacing:.04em;background:0 0;border:none;border-radius:5px;padding:6px 14px;font-family:monospace;font-size:14px;transition:opacity .15s,background .15s}.theme-dropdown-item:hover{opacity:.9;background:#ffffff12}.theme-dropdown-item.active{opacity:1;color:var(--accent-color)}.bio-section{z-index:2;justify-content:flex-end;padding:0 30px 80px 60px;display:flex;position:relative}.bio-content{flex-direction:column;gap:20px;width:50%;max-width:600px;display:flex}.bio-text{color:var(--fg-color);opacity:.75;font-family:Courier New,monospace;font-size:17px;line-height:1.9}.projects-scroll-zone{z-index:2;height:65vh;margin-bottom:0;position:relative;overflow:clip}.projects-sticky{height:100vh;position:sticky;top:0}.project-slot{opacity:0;will-change:transform, left, width, opacity;height:min(460px,100vh - 120px);position:absolute;top:60px;transform:scale(.85)translateY(10px)}.project-slot .terminal-window{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex}.project-slot .terminal-body{flex:1;overflow-y:auto}.project-output{margin-top:8px}.project-name{color:var(--accent-color);margin-bottom:4px;font-size:15px;font-weight:700}.project-description{color:var(--fg-color);opacity:.8;white-space:normal;margin-bottom:10px;font-size:15px;line-height:1.7}.project-output a,.footer-section a{color:var(--accent-color);opacity:.8;text-decoration:none;transition:opacity .2s}.project-output a:hover,.footer-section a:hover{opacity:1;text-decoration:underline}.more-projects-section{z-index:2;padding:10px 0 350px;position:relative}.more-projects-title{letter-spacing:.15em;text-transform:uppercase;color:var(--fg-color);opacity:.3;margin:0 4% 10px;font-family:monospace;font-size:11px}.more-projects-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:12px 2%;margin:0 4%;display:grid}.more-project-card{cursor:pointer;opacity:0;min-width:0;position:relative;transform:translateY(40px)scale(.88)}.more-project-border{border:2px solid color-mix(in srgb, var(--accent-color) 35%, transparent);pointer-events:none;transform-origin:top;z-index:2;border-radius:8px;transition:border-color .25s;position:absolute;inset:0}.more-project-card:hover .more-project-border,.more-project-card.expanded .more-project-border{border-color:var(--border-hover-color)}.more-project-card .terminal-window{border:none;border-radius:8px}.more-project-card .neofetch-line,.project-slot .neofetch-line{white-space:normal;word-break:break-word}.more-project-expand{max-height:0;overflow:hidden}.techstack-section{z-index:2;justify-content:center;align-items:center;min-height:50vh;padding:40px 6% 240px;display:flex;position:relative}.techstack-grid-container{width:70%;margin:0 auto}.techstack-title{color:var(--fg-color);opacity:.4;letter-spacing:.15em;text-transform:uppercase;text-align:center;margin-bottom:40px;font-family:monospace;font-size:clamp(18px,2vw,28px);font-weight:700}.techstack-grid{grid-template-columns:repeat(11,1fr);gap:12px;display:grid}.tech-card{cursor:default;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:8px;min-width:80px;padding:16px 14px;transition:border-color .2s,background .2s;display:flex}.tech-card:hover{border-color:var(--accent-color);background:#ffffff0f}.tech-icon{width:32px;height:32px;color:var(--fg-color);opacity:.8}.tech-card:hover .tech-icon{color:var(--accent-color);opacity:1}.tech-name{color:var(--fg-color);opacity:.75;text-align:center;white-space:nowrap;font-family:monospace;font-size:11px}.footer-section{z-index:2;opacity:0;justify-content:center;padding:60px 30px 40px;display:flex;position:relative;transform:translateY(20px)}.footer-content{width:fit-content;max-width:500px;margin:0 auto;font-family:Courier New,monospace;font-size:14px;line-height:1.7}.footer-links{margin-bottom:24px}.footer-copy{color:var(--fg-color);opacity:.3;font-size:12px}