:root{--text:#b8b8b8;--text-h:#f5f5f5;--bg:#0a0a0a;--border:#252525;--accent:#d66a2c;--accent-bg:#d66a2c1a;--accent-border:#d66a2c80;--sans:Aptos, Arial, sans-serif;--heading:Aptos, Arial, sans-serif;--mono:Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}p{margin:0}code{font-family:var(--mono)}html{scroll-behavior:smooth}header{padding:24px 1.5%}.nav-container{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.site-name{color:var(--text-h);font-size:18px;line-height:22px;text-decoration:none}header nav{flex-direction:row;align-items:flex-start;gap:32px;display:flex}header nav a{color:var(--text-h);font-size:15px;line-height:22px;text-decoration:none}header nav a:hover{color:var(--accent)}.nav-dropdown{align-items:flex-start;display:flex;position:relative}.dropdown-menu{background:var(--bg);z-index:200;min-width:180px;padding-top:10px;display:none;position:absolute;top:100%;left:0}.dropdown-menu a{white-space:nowrap;padding:10px 12px;display:block}.nav-dropdown:hover .dropdown-menu{display:block}.hero-content{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:70vh;display:flex}.hero-text{text-align:left;max-width:560px}.hero-text h1{margin:0 0 18px;font-size:64px;line-height:1.05}.accent-text{color:var(--accent)}.hero-text>p{margin-bottom:24px;font-size:20px}.hero-intro{max-width:540px;font-size:17px;line-height:1.7}.hero-terminal{box-sizing:border-box;background:#101010;border:1px solid #2a2a2a;border-radius:12px;width:42%;max-width:440px;min-height:260px;overflow:hidden}.terminal-top{border-bottom:1px solid #242424;gap:8px;padding:14px 16px;display:flex}.terminal-top span{background:#555;border-radius:50%;width:9px;height:9px}.terminal-body{font-family:var(--mono);text-align:left;padding:48px 36px}.terminal-body p{margin:0}.terminal-prompt{color:var(--accent);margin-right:12px}.terminal-word{color:var(--text-h);font-size:24px}.terminal-cursor{color:var(--accent);margin-left:3px;animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{50%{opacity:0}}.terminal-comment{color:var(--accent);opacity:.8;font-size:14px;margin-top:42px!important}.cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff0b 0%,#ffffff05 35%,#0000 70%);border-radius:50%;width:280px;height:280px;position:fixed;transform:translate(-50%,-50%)}main{width:100%}main section{box-sizing:border-box;text-align:left;min-height:60vh;padding:80px 6%}main h2{color:var(--accent);margin:0;font-size:36px}#about{max-width:800px;margin:0}#about h2{margin-bottom:32px}#about p{max-width:700px;margin:0 0 24px;font-size:18px;line-height:1.7}#projects{max-width:1100px;margin:0}#projects h2{margin-bottom:40px}.project-grid{grid-template-columns:repeat(2,400px);justify-content:center;gap:32px;display:grid}.project-card{text-align:left;color:inherit;text-decoration:none;transition:transform .2s}.project-card:hover{transform:translateY(-4px)}.project-card h3{margin:0 0 8px;font-size:24px}.project-card:hover h3{color:var(--accent)}.project-card p{color:inherit}.project-image{background:#151515;width:100%;height:260px;margin-bottom:24px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-tech{margin-bottom:12px;font-size:16px}.project-card>p:last-child{font-size:17px;line-height:1.6}#resume{max-width:800px}#resume h2{margin-bottom:24px}#resume p{max-width:650px;margin-bottom:28px;font-size:18px;line-height:1.7}#resume a{color:var(--text-h);border:1px solid var(--accent);border-radius:6px;padding:10px 18px;text-decoration:none;transition:color .2s,background-color .2s,transform .2s;display:inline-block}#resume a:hover{color:#000;background-color:var(--accent);transform:translateY(-2px)}#contact{max-width:800px}#contact h2{margin-bottom:24px}.contact-links{flex-direction:column;gap:18px;margin-top:28px;display:flex}.contact-links a{color:var(--text-h);align-items:center;gap:10px;text-decoration:none;transition:color .2s;display:flex}.contact-links a:hover{color:var(--accent)}.contact-links svg{fill:currentColor;width:22px;height:22px}.contact-icons{z-index:100;gap:20px;transition:opacity .2s;display:flex;position:fixed;bottom:28px;right:32px}.contact-icons a{color:var(--text-h);text-decoration:none;display:inline-flex;position:relative}.contact-icons svg{fill:currentColor;width:24px;height:24px;transition:color .2s}.contact-icons a:hover{color:var(--accent)}.contact-icons span{white-space:nowrap;opacity:0;pointer-events:none;font-size:12px;transition:opacity .2s;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.contact-icons a:hover span{opacity:1}.contact-icons-hidden{opacity:0;pointer-events:none}.projects-page{width:100%}.project-screenshots{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.project-screenshots img{width:100%;height:auto;display:block}.project-screenshots img:only-child{grid-column:1/-1;justify-self:center;width:70%}.projects-page-title{color:var(--accent);text-align:left;margin:60px 0 0 3%;font-size:36px}.project-detail{box-sizing:border-box;max-width:1000px;min-height:80vh;padding:100px 6%}.project-title-row{align-items:baseline;gap:24px;margin-bottom:24px;display:flex}.project-title{color:var(--accent);margin:0;font-size:30px}.project-label{margin:0;font-size:16px}.project-summary{max-width:800px;margin-bottom:48px;font-size:19px;line-height:1.7}.project-detail-content{max-width:850px}.project-detail h3{color:var(--text-h);margin:40px 0 16px;font-size:24px}.project-detail-content p{margin:0 0 24px;font-size:18px;line-height:1.7}.inline-project-link{color:var(--accent);border-bottom:1px solid var(--accent);text-decoration:none}.inline-project-link:hover{color:var(--text-h)}#about h2,#projects h2,#resume h2,#contact h2,.project-title,.project-detail h3{margin-left:-50px}.back-to-top{color:var(--accent);z-index:150;align-items:center;gap:6px;text-decoration:none;display:flex;position:fixed;bottom:78px;right:2%}.back-to-top-chevron{border-top:2px solid var(--accent);border-left:2px solid var(--accent);width:10px;height:10px;transform:rotate(45deg)}.back-to-top-label{white-space:nowrap;opacity:0;font-size:13px;transition:opacity .2s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.back-to-top:hover .back-to-top-label{opacity:1}.bottom-nav{opacity:0;pointer-events:none;z-index:150;gap:24px;transition:opacity .2s;display:flex;position:fixed;bottom:24px;right:2%}.bottom-nav a{color:var(--text-h);font-size:14px;text-decoration:none}.bottom-nav a:hover{color:var(--accent)}.bottom-nav-visible{opacity:1;pointer-events:auto}@media (width<=900px) and (width>=701px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-image img{object-fit:contain}#about h2,#projects h2,#resume h2,#contact h2,.project-title,.project-detail h3{margin-left:0}}@media (width<=700px){.cursor-glow{display:none}.project-image img{object-fit:contain}header{padding:20px 6%}.nav-container{flex-direction:column;align-items:flex-start;gap:18px}header nav{flex-wrap:wrap;gap:16px 22px}.hero-content{flex-direction:column;justify-content:center;align-items:flex-start;min-height:auto;padding:70px 0 40px}.hero-text{max-width:100%}.hero-text h1{font-size:44px}.hero-text>p{font-size:18px}.hero-intro{font-size:16px}.hero-terminal{width:100%;max-width:none;min-height:220px;margin-top:40px}.terminal-body{padding:38px 28px}.terminal-word{font-size:21px}main section{min-height:auto;padding:60px 6%}main h2{font-size:32px}.project-grid{grid-template-columns:1fr}.projects-page-title{margin:50px 6% 0}.project-detail{min-height:auto;padding:70px 6%}.project-title-row{flex-wrap:wrap;gap:8px 20px}.project-title{font-size:28px}.project-detail h3{font-size:24px}.project-summary,.project-detail-content p{font-size:17px}#about h2,#projects h2,#resume h2,#contact h2,.project-title,.project-detail h3{margin-left:0}.contact-icons,.back-to-top,.bottom-nav{display:none}}@media (width<=400px){header nav{justify-content:flex-start;gap:12px 20px;width:100%}header nav a{font-size:14px}}@media (hover:none),(pointer:coarse){.cursor-glow{display:none}}.leaderboard-section{text-align:center;margin-top:48px}.leaderboard-section h3{margin-bottom:12px;font-size:28px}.leaderboard-section>p{max-width:700px;margin:0 auto 24px}.leaderboard-table-wrapper{width:100%;overflow-x:auto}.leaderboard-table{border-collapse:collapse;text-align:left;width:min(760px,100%);margin:0 auto}.leaderboard-table th,.leaderboard-table td{border-bottom:1px solid #ffffff1f;padding:14px 18px}.leaderboard-table th{color:var(--accent);font-weight:600}.leaderboard-table tbody tr{transition:background-color .2s}.leaderboard-table tbody tr:hover{background-color:#ffffff0a}.leaderboard-table th:first-child,.leaderboard-table td:first-child{text-align:center;width:70px}.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4){text-align:center}@media (width<=700px){.leaderboard-section{margin-top:36px}.leaderboard-section h3{font-size:24px}.leaderboard-table th,.leaderboard-table td{padding:12px 10px;font-size:14px}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:50px}}