:root{color:#8b8f98;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#08090b;--heading:#f1f2f4;--muted:#777b84;--accent:#a884ff;--border:#ffffff14;--border-strong:#ffffff26;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#08090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}body::selection{color:#fff;background:#a884ff4d}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#fff;background:#a884ff4d}.site{position:relative;overflow:hidden}.background-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:70px 70px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 75%);mask-image:linear-gradient(#000 0%,#0000 75%)}.navbar{border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:0 auto;padding:0 28px;display:flex;position:relative}.brand{font-family:var(--mono);letter-spacing:-1px;color:var(--heading);font-size:18px;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}.nav-links{gap:34px;display:flex}.nav-links a,.nav-github{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-github:hover{color:var(--heading)}.nav-github{display:flex}.section{max-width:1120px;margin:0 auto;padding-left:28px;padding-right:28px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:680px;padding-top:60px;padding-bottom:90px;display:grid}.status{border:1px solid var(--border);color:var(--muted);background:#ffffff06;border-radius:999px;align-items:center;gap:9px;margin-bottom:32px;padding:8px 13px;font-size:12px;display:inline-flex}.status-dot{background:#65d88b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #65d88bb3}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:2.5px;margin-bottom:15px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-7px;color:var(--heading);margin:0;font-size:clamp(68px,9vw,116px);font-weight:700;line-height:.88}.hero h1 span{color:#0000;-webkit-text-stroke:1px #ffffff73}.hero-description{max-width:520px;color:var(--muted);margin-top:34px;font-size:17px;line-height:1.7}.hero-actions{gap:12px;margin-top:34px;display:flex}.button{border-radius:7px;align-items:center;gap:9px;padding:12px 17px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--heading);color:#08090b}.button-secondary{color:var(--heading);border:1px solid var(--border-strong);background:#ffffff06}.hero-visual{justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.code-window{border:1px solid var(--border-strong);background:#0c0e12e0;border-radius:12px;width:min(480px,100%);transform:none;box-shadow:0 35px 100px #00000059}.window-header{border-bottom:1px solid var(--border);align-items:center;gap:6px;height:42px;padding:0 15px;display:flex}.window-header>span{background:#444850;border-radius:50%;width:8px;height:8px}.window-header p{color:#6e737c;font-family:var(--mono);margin-left:12px;font-size:10px}.code{font-family:var(--mono);grid-template-columns:30px 1fr;column-gap:18px;padding:28px 20px 30px;font-size:12px;line-height:2.15;display:grid}.code .line-number{color:#3e424a;text-align:right}.code b{color:#c792ea;font-weight:500}.code i{color:#82aaff;font-style:normal}.code em{color:#c3e88d;font-style:normal}.floating-badge{border:1px solid var(--border-strong);color:var(--muted);font-family:var(--mono);background:#121419f2;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;display:flex;position:absolute;box-shadow:0 15px 35px #00000040}.floating-badge svg{color:var(--accent)}.floating-badge strong{color:var(--heading);font-weight:500}.badge-one{bottom:35px;left:0}.badge-two{top:35px;right:0}.content-section{border-top:1px solid var(--border);padding-top:110px;padding-bottom:110px}.section-heading{align-items:baseline;gap:18px;margin-bottom:55px;display:flex}.section-heading span{color:var(--accent);font-family:var(--mono);font-size:11px}.section-heading h2{letter-spacing:-1.8px;color:var(--heading);margin:0;font-size:38px}.about-grid{grid-template-columns:1.25fr .75fr;gap:100px;display:grid}.large-text{letter-spacing:-.8px;color:#b8bbc2;font-size:27px;line-height:1.45}.large-text strong{color:var(--heading);font-weight:500}.muted-text{color:var(--muted);max-width:650px;margin-top:25px;line-height:1.8}.about-facts{border-left:1px solid var(--border);padding-left:30px}.about-facts>div{border-bottom:1px solid var(--border);margin-bottom:25px;padding:0 0 25px}.about-facts span,.about-facts small{color:var(--muted);font-size:11px;display:block}.about-facts strong{color:var(--heading);margin:6px 0;font-size:14px;font-weight:500;display:block}.timeline{border-left:1px solid var(--border)}.experience-item{grid-template-columns:150px 36px 1fr;gap:22px;padding:0 0 55px;display:grid;position:relative}.experience-period{color:var(--muted);font-family:var(--mono);padding-top:3px;font-size:10px}.experience-icon{border:1px solid var(--border-strong);background:var(--background);width:35px;height:35px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-left:-40px;display:flex}.experience-info{margin-left:-5px}.experience-info h3{color:var(--heading);margin:0;font-size:18px;font-weight:500}.experience-info .company{color:var(--accent);font-family:var(--mono);margin:6px 0 14px;font-size:11px}.experience-info>p:last-child{color:var(--muted);max-width:670px;font-size:13px;line-height:1.75}.stack-section{background:#ffffff03}.stack-intro{margin-bottom:30px}.stack-intro p{color:var(--muted);font-size:14px}.technology-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid}.technology-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:13px;min-height:100px;padding:20px;transition:background .2s,transform .2s;display:flex}.technology-card:hover{background:#ffffff09}.technology-card>svg{color:var(--accent)}.technology-card strong,.technology-card span{display:block}.technology-card strong{color:var(--heading);font-size:13px;font-weight:500}.technology-card span{color:var(--muted);font-family:var(--mono);margin-top:4px;font-size:9px}.projects{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff09,#ffffff02);border-radius:10px;flex-direction:column;min-height:380px;padding:28px;transition:border-color .25s,transform .25s;display:flex}.project-card:hover{border-color:#a884ff73;transform:translateY(-4px)}.project-top{justify-content:space-between;align-items:center;display:flex}.project-top>span{color:var(--muted);font-family:var(--mono);font-size:10px}.project-top a{color:var(--muted);transition:color .2s}.project-top a:hover{color:var(--heading)}.project-content{flex:1;padding-top:55px}.project-category{color:var(--accent);font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;font-size:10px}.project-content h3{letter-spacing:-1.3px;color:var(--heading);margin:9px 0 15px;font-size:30px}.project-content>p:not(.project-category){color:var(--muted);font-size:13px;line-height:1.75}.achievement{color:#d9c9ff;align-items:center;gap:7px;margin-top:18px;font-size:11px;display:inline-flex}.achievement svg{color:var(--accent)}.project-tags{flex-wrap:wrap;gap:6px;margin-top:30px;display:flex}.project-tags span{color:#858993;border:1px solid var(--border);font-family:var(--mono);border-radius:4px;padding:5px 8px;font-size:9px}.interest-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.interest-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:210px;padding:25px}.interest-card>span{color:var(--accent);font-family:var(--mono);font-size:10px}.interest-card h3{color:var(--heading);margin:50px 0 12px;font-size:16px;font-weight:500}.interest-card p{color:var(--muted);font-size:12px;line-height:1.7}.learning-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:100px;max-width:1120px;margin:0 auto;padding:100px 28px;display:grid}.learning-section h2{color:var(--heading);letter-spacing:-2px;margin:0;font-size:46px;line-height:1}.learning-list{flex-direction:column;justify-content:center;display:flex}.learning-list span{border-bottom:1px solid var(--border);color:#a4a7ae;font-family:var(--mono);padding:14px 0;font-size:12px}.learning-list span:before{content:"→";color:var(--accent);margin-right:12px}.contact-section{text-align:center;padding-top:150px;padding-bottom:150px}.contact-section h2{color:var(--heading);letter-spacing:-4px;margin:10px 0 25px;font-size:clamp(50px,7vw,80px)}.contact-section>p:not(.eyebrow){max-width:480px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.7}.contact-links{justify-content:center;gap:10px;margin-top:35px;display:flex}.contact-links a{border:1px solid var(--border);color:var(--heading);border-radius:6px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.contact-links a:hover{border-color:var(--border-strong);background:#ffffff0a}footer{border-top:1px solid var(--border);max-width:1120px;color:var(--muted);font-family:var(--mono);justify-content:space-between;margin:0 auto;padding:25px 28px 35px;font-size:9px;display:flex}footer button{color:var(--muted);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}footer button:hover{color:var(--heading)}@media (width<=900px){.hero{grid-template-columns:1fr;gap:50px;padding-top:80px}.hero-visual{min-height:400px}.about-grid{grid-template-columns:1fr;gap:50px}.technology-grid,.interest-grid{grid-template-columns:repeat(2,1fr)}.learning-section{grid-template-columns:1fr;gap:45px}}@media (width<=650px){.navbar{padding:0 18px}.nav-links{display:none}.section{padding-left:18px;padding-right:18px}.hero{min-height:auto;padding-top:70px;padding-bottom:80px}.hero h1{letter-spacing:-4px;font-size:70px}.hero-description{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:center}.hero-visual{min-height:330px}.code-window{transform:none}.floating-badge{display:none}.content-section{padding-top:75px;padding-bottom:75px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:30px}.large-text{font-size:21px}.experience-item{grid-template-columns:1fr;gap:7px;padding-left:18px}.experience-icon{display:none}.experience-period{font-size:9px}.projects{grid-template-columns:1fr}.project-card{min-height:340px}.interest-grid{grid-template-columns:1fr}.learning-section{padding:75px 18px}.learning-section h2{font-size:38px}.contact-section{padding-top:100px;padding-bottom:100px}.contact-links{flex-direction:column}.contact-links a{justify-content:center}footer{padding-left:18px;padding-right:18px}}