:root{--bg-color:#000;--surface-color:#0a0a0a;--surface-light:#111;--text-color:#fff;--muted-color:#9ca3af;--accent-color:#ff2bd6;--accent-warm:#4ddcff;--border-color:#ffffff24;--max-width:1100px}html{scroll-behavior:smooth}*{box-sizing:border-box}body{color:var(--text-color);background-color:var(--bg-color);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.hero{border-bottom:1px solid var(--border-color);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:#000 0 0/72px 72px;position:absolute;inset:0}.nav{z-index:2;width:100%;max-width:var(--max-width);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin:0 auto;padding:24px 20px;display:flex;position:relative}.nav-brand{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:700;text-decoration:none}.nav-brand span{color:var(--accent-warm)}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--muted-color);letter-spacing:.08em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-links a:hover{color:var(--text-color)}.nav-links a:after{content:"";background-color:var(--accent-color);width:100%;height:2px;transition:transform .2s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)scaleX(0)}.nav-links a:hover:after{transform:translate(-50%)scaleX(1)}.nav-links a:focus-visible,.nav-brand:focus-visible{outline:2px solid var(--accent-color);outline-offset:6px}.hero-content{z-index:1;width:100%;max-width:var(--max-width);text-align:left;margin:auto;padding:100px 20px 140px;position:relative}.hero-label{color:var(--accent-warm);letter-spacing:.12em;margin:0 0 24px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:700}.hero-label:before{content:"";background-color:var(--accent-warm);width:28px;height:1px;margin-bottom:4px;margin-right:12px;display:inline-block}.hero h1{letter-spacing:-.07em;max-width:800px;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(3.5rem,9vw,8rem);line-height:.95}.hero h1 span{color:var(--accent-color)}.hero-description{color:var(--muted-color);margin:32px 0;font-size:clamp(1rem,2vw,1.2rem)}.hero-scroll{color:var(--bg-color);background-color:var(--accent-warm);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent-warm);padding:13px 18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:inline-block}.hero-scroll:hover{color:var(--accent-warm);background-color:#0000;transform:translateY(-2px)}main{width:100%}.content-section{border-bottom:1px solid var(--border-color)}.section-inner{width:100%;max-width:var(--max-width);margin:0 auto;padding:110px 20px}.section-heading{margin-bottom:60px}.section-number{color:var(--accent-color);letter-spacing:.1em;margin:0 0 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:700}.section-heading h2{letter-spacing:-.04em;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(2rem,5vw,3.5rem)}.split-layout{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-text{text-align:left}.about-text p{max-width:520px;color:var(--muted-color);margin:0;font-size:20px;line-height:1.8}.terminal{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 24px 60px #00000040}.terminal-header{background-color:var(--surface-light);border-bottom:1px solid var(--border-color);align-items:center;gap:16px;min-height:44px;padding:0 16px;display:flex}.terminal-header p{color:#657485;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.terminal-dots{gap:7px;display:flex}.terminal-dots span{border-radius:50%;width:8px;height:8px}.terminal-dots span:first-child{background-color:#f0f0f0}.terminal-dots span:nth-child(2){background-color:var(--accent-warm)}.terminal-dots span:nth-child(3){background-color:#be0909}.terminal-body{text-align:left;padding:24px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.terminal-body p{margin:0;font-size:14px;line-height:1.8}.terminal-command{color:var(--accent-color);margin-top:14px!important}.terminal-command:first-child{margin-top:0!important}.terminal-output{color:var(--text-color)}.terminal-cursor:after{content:"_";color:var(--accent-warm);margin-left:5px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.project-grid{display:grid}.project-card{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:1.6fr 1fr;gap:70px;padding:44px 0;display:grid}.project-main{text-align:left}.project-number{color:var(--accent-warm);letter-spacing:.1em;margin:0 0 20px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:700}.project-main h3{letter-spacing:-.04em;margin:0 0 20px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.7rem,4vw,2.5rem)}.project-description{max-width:620px;color:var(--muted-color);margin:0 0 30px;font-size:17px;line-height:1.8}.project-link{color:var(--accent-color);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.project-link:hover{color:var(--accent-warm);transform:translate(5px)}.project-details{flex-direction:column;justify-content:center;display:flex}.project-detail{border-bottom:1px solid var(--border-color);justify-content:space-between;gap:20px;padding:13px 0;display:flex}.project-detail:first-child{border-top:1px solid var(--border-color)}.project-detail span{color:var(--muted-color);text-transform:uppercase;letter-spacing:.08em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.project-detail p{margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.timeline{text-align:left;max-width:850px;position:relative}.timeline:before{content:"";background-color:var(--border-color);width:1px;position:absolute;top:9px;bottom:22px;left:7px}.timeline-item{padding-bottom:64px;padding-left:54px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";background-color:var(--bg-color);border:2px solid var(--accent-color);z-index:1;border-radius:50%;width:15px;height:15px;position:absolute;top:5px;left:0}.timeline-item:last-child:before{border-color:var(--accent-warm)}.timeline-date{color:var(--accent-color);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:700;display:block}.timeline-item:last-child .timeline-date{color:var(--accent-warm)}.timeline-item h3{margin:0 0 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:22px}.timeline-item p{max-width:700px;color:var(--muted-color);margin:0;font-size:16px;line-height:1.8}@media (width<=800px){.nav{align-items:flex-start;gap:24px}.nav-links{gap:18px}.split-layout,.project-card{grid-template-columns:1fr;gap:40px}}@media (width<=600px){.nav{flex-direction:column}.nav-links{justify-content:space-between;gap:12px;width:100%}.nav-links a{font-size:11px}.hero-content{padding-top:70px;padding-bottom:100px}.hero h1{font-size:clamp(3rem,17vw,5rem)}.section-inner{padding-top:80px;padding-bottom:80px}.section-heading{margin-bottom:40px}.about-text p{font-size:17px}.project-card{padding:32px 0}.timeline-item{padding-bottom:50px;padding-left:40px}}.scene-container{z-index:0;position:absolute;inset:0}.scene-container canvas{width:100%!important;height:100%!important}.hero-content{z-index:2;position:relative}.nav{z-index:3;position:relative}.sudo-easter-egg{color:#fff;opacity:0;pointer-events:none;z-index:2;background:#08090deb;border:1px solid #03cefc59;border-radius:6px;gap:.75rem;padding:.7rem 1rem;font-family:monospace;font-size:.85rem;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%,8px)}.sudo-easter-egg.is-visible{opacity:1;transform:translate(-50%)}.sudo-command{color:#03cefc}