:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a1a;--surface:#2d2d2d;--ink:#fff;--ink-2:#e8e9e3;--ink-3:#b8bfb0;--green:#3b82f6;--green-2:#60a5fa;--green-3:#93c5fd;--green-bg:#dbeafe;--green-mid:#2563eb;--border:#ffffff1a;--border-g:#93c5fd33;--mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--serif:"New York", "Iowan Old Style", "Apple SD Gothic Neo", serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--serif);width:100%;min-height:100vh;margin:0;padding:0;font-size:16px;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh}nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:.5px solid var(--border);background:#1a1a1aeb;justify-content:space-between;align-items:center;padding:1.1rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--serif);color:var(--green);font-size:12px;font-weight:400;text-decoration:none}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{font-family:var(--serif);color:#fff;text-transform:uppercase;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--green)}.hero{align-items:center;min-height:100vh;padding-top:64px;display:flex}.hero-left{flex-direction:column;justify-content:center;width:100%;padding:6rem 4rem;display:flex;position:relative}.hero-left:after{content:"";background:var(--green);width:48px;height:3px;position:absolute;bottom:0;left:4rem}.hero-tag{font-family:var(--serif);color:var(--green-2);text-transform:uppercase;align-items:center;gap:10px;margin-bottom:2rem;font-size:10px;display:flex}.hero-tag:before{content:"";background:var(--green-3);width:28px;height:1px;display:inline-block}.hero-name{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:.4rem;font-size:clamp(3.8rem,5.5vw,5.8rem);font-weight:300;line-height:.95}.hero-name em{color:var(--green);font-style:italic;font-weight:300}.hero-title{font-family:var(--serif);color:var(--ink-3);border-bottom:.5px solid var(--border);text-transform:uppercase;margin-top:1.5rem;margin-bottom:2rem;padding-bottom:2rem;font-size:11px}.hero-bio{color:var(--ink-2);text-align:center;max-width:440px;margin:0 auto 3rem;font-size:15px;font-weight:400;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary{background:var(--green);color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:8px;padding:.8rem 1.75rem;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.btn-primary:hover{background:var(--ink)}.btn-outline{border:1px solid var(--border-g);color:var(--green);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:.8rem 1.75rem;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline:hover{background:var(--green);color:#fff;border-color:var(--green)}.hero-right{background:var(--surface);flex-direction:column;justify-content:center;padding:6rem 4rem;display:flex}.hero-stats{background:var(--border);border:.5px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:3rem;display:grid}.stat-box{background:var(--surface);padding:2rem 1.5rem;position:relative;overflow:hidden}.stat-box:after{content:"";background:var(--green-3);width:0;height:2px;transition:width .4s;position:absolute;bottom:0;left:0}.stat-box:hover:after{width:100%}.stat-num{font-family:var(--serif);color:var(--green);margin-bottom:.4rem;font-size:2.8rem;font-weight:300;line-height:1}.stat-label{font-family:var(--serif);color:var(--ink-3);text-transform:uppercase;font-size:10px}.hero-contact{flex-direction:column;gap:.8rem;display:flex}.contact-item{color:var(--ink-3);font-size:13px;font-family:var(--serif);align-items:center;gap:1rem;font-weight:300;display:flex}.contact-dot{background:var(--green-3);border-radius:50%;flex-shrink:0;width:5px;height:5px}.contact-item a{color:var(--ink-2);text-decoration:none;transition:color .2s}.contact-item a:hover{color:var(--green)}.main-container{width:100%;min-height:100vh}section{padding:6rem 4rem}.section-header{border-bottom:.5px solid var(--border);align-items:baseline;gap:1.5rem;margin-bottom:4rem;padding-bottom:1.5rem;display:flex}.section-num{font-family:var(--serif);color:var(--green-3);font-size:10px;font-weight:400}.section-title{font-family:var(--serif);color:var(--ink);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:300;line-height:1.1}#experience{background:var(--surface)}.exp-grid{border-top:.5px solid var(--border)}.exp-item{border-bottom:.5px solid var(--border);grid-template-columns:200px 1fr;gap:3rem;padding:2.5rem 0;transition:padding-left .25s;display:grid}.exp-item:hover{padding-left:1rem}.exp-date{font-family:var(--serif);color:var(--ink-3);margin-bottom:.5rem;font-size:10px;font-weight:300}.exp-company{color:var(--ink);font-size:14px;font-weight:600;font-family:var(--serif);margin-bottom:.2rem}.exp-location{color:var(--ink-3);font-size:11px;font-family:var(--serif)}.exp-role{font-family:var(--serif);color:var(--ink);text-align:left;margin-bottom:.75rem;font-size:1.35rem;font-style:italic;font-weight:300}.exp-points{flex-direction:column;gap:.45rem;margin-bottom:1rem;list-style:none;display:flex}.exp-points li{color:var(--ink-2);font-size:14px;line-height:1.65;font-family:var(--serif);text-align:left;padding-left:1.1rem;position:relative}.exp-points li:before{content:"";background:#fff;width:4px;height:1px;position:absolute;top:10px;left:0}.exp-stack{flex-wrap:wrap;gap:5px;display:flex}.tag{font-family:var(--serif);color:#fff;background:var(--green);border:.5px solid var(--border-g);text-transform:uppercase;padding:3px 8px;font-size:9px;font-weight:400}#projects{background:var(--bg)}.projects-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.project-card{background:var(--bg);padding:2.5rem;transition:all .25s;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--green);width:0;height:2px;transition:width .35s;position:absolute;top:0;left:0}.project-card:hover{color:#000;background:#fff}.project-card:hover:before{width:100%}.project-card:hover .project-num,.project-card:hover .project-name,.project-card:hover .project-sub,.project-card:hover .project-desc{color:#000}.project-card:hover .tag{color:var(--green);background:#f0f0f0;border-color:#ccc}.project-num{font-family:var(--serif);color:var(--green-3);text-transform:uppercase;margin-bottom:1.5rem;font-size:9px}.project-name{font-family:var(--serif);color:var(--ink);margin-bottom:.3rem;font-size:1.5rem;font-weight:300}.project-sub{font-family:var(--serif);color:var(--green-2);text-transform:uppercase;margin-bottom:1rem;font-size:11px;font-weight:500}.project-desc{color:var(--ink-2);margin-bottom:1.5rem;font-size:14px;line-height:1.75}.project-tags{flex-wrap:wrap;gap:5px;display:flex}#skills{background:var(--ink);color:var(--bg)}#skills .section-title,#skills .section-num{color:var(--bg)}#skills .section-header{border-color:#ffffff14}.skills-grid{background:#ffffff0d;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.skill-cat{background:#fff;padding:2rem 1.75rem;transition:background .2s}.skill-cat:hover{background:#f8f9fa}.skill-cat-name{font-family:var(--serif);color:#000;text-transform:uppercase;border-bottom:.5px solid #0000001a;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:9px}.skill-list{flex-direction:column;gap:.55rem;list-style:none;display:flex}.skill-list li{color:#333;align-items:center;gap:10px;font-size:13px;font-weight:400;display:flex}.skill-list li:before{content:"";background:var(--green);border-radius:50%;flex-shrink:0;width:3px;height:3px}#education{background:var(--surface)}.edu-block{border-top:.5px solid var(--border);grid-template-columns:220px 1fr;gap:3rem;padding:2.5rem 0;display:grid}footer{background:var(--surface);border-top:2px solid var(--green);justify-content:space-between;align-items:center;padding:2.5rem 4rem;display:flex}.footer-text{font-family:var(--serif);color:#e8ede466;font-size:11px;font-weight:300}.footer-links{gap:1.5rem;display:flex}.footer-links a{font-family:var(--serif);color:#e8ede480;text-transform:uppercase;font-size:11px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--green-3)}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:translateY(0)}.download-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f1409cc;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.download-modal.active{display:flex}.modal-content{background:var(--surface);text-align:center;border:.5px solid var(--border);border-radius:12px;max-width:320px;padding:3rem 2.5rem;box-shadow:0 20px 40px #0f140926}.modal-icon{justify-content:center;margin-bottom:1.5rem;display:flex}.spinner{border:3px solid var(--green-bg);border-top:3px solid var(--green);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-content h3{font-family:var(--serif);color:var(--ink);margin-bottom:.5rem;font-size:1.25rem;font-weight:400}.modal-content p{color:var(--ink-3);font-size:14px;line-height:1.5}@media (width<=900px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hero{grid-template-columns:1fr}.hero-left,.hero-right{padding:3rem 1.5rem}.hero-left{border-right:none;border-bottom:.5px solid var(--border)}.hero-left:after{left:1.5rem}section{padding:4rem 1.5rem}.exp-item{grid-template-columns:1fr;gap:1rem}.projects-grid,.skills-grid{grid-template-columns:1fr}.edu-block{grid-template-columns:1fr;gap:1rem}footer{text-align:center;flex-direction:column;gap:1rem}.modal-content{margin:1rem}}