:root{--ink: #f5fbf7;--muted: #b8cbc2;--bg: #091413;--bg-soft: #10211e;--deep: #091413;--pine: #285a48;--green: #408a71;--mint: #b0e4cc;--paper: rgba(245, 251, 247, .055);--paper-strong: rgba(176, 228, 204, .12);--line: rgba(176, 228, 204, .18);--shadow: 0 24px 70px rgba(0, 0, 0, .32)}[data-theme=light]{--ink: #091413;--muted: #3c574e;--bg: #f5fbf7;--bg-soft: #e5f5ec;--deep: #091413;--pine: #285a48;--green: #408a71;--mint: #b0e4cc;--paper: rgba(255, 255, 255, .72);--paper-strong: rgba(176, 228, 204, .54);--line: rgba(40, 90, 72, .18);--shadow: 0 22px 55px rgba(9, 20, 19, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(64,138,113,.22),transparent 28rem),linear-gradient(135deg,var(--bg) 0%,var(--bg-soft) 54%,var(--bg) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(176,228,204,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(176,228,204,.04) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow-x:hidden}.container,.navbar{width:min(1120px,calc(100% - 40px));margin-inline:auto}.navbar{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:999px;background:#091413b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #0000002e}[data-theme=light] .navbar{background:#f5fbf7c7}.brand-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.brand-logo img{width:42px;height:42px;object-fit:contain;border-radius:50%;padding:4px;background:var(--mint);border:1px solid var(--line)}.nav-menu{display:flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:#b0e4cc12}.nav-menu a{padding:9px 13px;border-radius:999px;color:var(--muted);font-size:.91rem;font-weight:700;transition:.18s ease}.nav-menu a:hover{color:var(--deep);background:var(--mint)}.theme-toggle{border:1px solid var(--line);background:var(--paper-strong);color:var(--ink);padding:10px 15px;border-radius:999px;cursor:pointer;font-weight:800;transition:.18s ease}.theme-toggle:hover{transform:translateY(-1px);background:var(--mint);color:var(--deep)}.hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(28px,5vw,72px);padding:72px 0 42px}.eyebrow,.section-title span,.contact-label{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--mint);font-size:.84rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before,.section-title span:before,.contact-label:before{content:"";width:32px;height:2px;border-radius:999px;background:var(--green)}.hero-copy h1{margin:0;max-width:760px;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.92;letter-spacing:-.075em}.hero-copy h1 span{color:var(--mint)}.typing{min-height:2rem;margin:24px 0 20px;color:var(--green);font-size:clamp(1.05rem,2vw,1.45rem);font-weight:800;letter-spacing:-.02em}.cursor{display:inline-block;margin-left:4px;color:var(--mint);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero-description{max-width:620px;margin:0 0 30px;color:var(--muted);font-size:1.06rem;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:999px;font-weight:850;transition:.18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:var(--deep);background:var(--mint);box-shadow:0 14px 35px #b0e4cc2e}.btn-outline{color:var(--mint);border:1px solid var(--line);background:#b0e4cc0d}.hero-visual{position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:min(78%,390px);aspect-ratio:1;border-radius:38% 62% 50% 50%;background:linear-gradient(145deg,var(--pine),var(--green),var(--mint));opacity:.34;filter:blur(2px);transform:rotate(-10deg) translate(-26px,16px)}.photo-card{position:relative;z-index:1;width:min(100%,430px);padding:12px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,#b0e4cc24,#09141329);box-shadow:var(--shadow)}.hero-image{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:25px;filter:saturate(.9) contrast(1.02)}.note-card{position:absolute;z-index:2;right:0;bottom:26px;width:min(260px,68%);padding:18px;border:1px solid var(--line);border-radius:22px;background:#091413d6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-theme=light] .note-card{background:#f5fbf7e0}.note-card strong{display:block;color:var(--mint);font-size:1.45rem;margin-bottom:4px}.note-card span{color:var(--muted);line-height:1.55;font-size:.92rem}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 34px}.stat-item,.content-card,.project-card,.contact-card{border:1px solid var(--line);background:var(--paper);box-shadow:0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stat-item{padding:20px;border-radius:24px}.stat-item strong{display:block;color:var(--mint);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1;margin-bottom:8px}.stat-item span{color:var(--muted);line-height:1.5}.section{padding:86px 0}.section-two-column{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:42px}.section-title{margin-bottom:28px}.center-title{text-align:center}.center-title span{justify-content:center}.center-title span:after{content:"";width:32px;height:2px;border-radius:999px;background:var(--green)}.section-title h2,.contact-card h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.055em}.content-card{border-radius:26px;padding:clamp(22px,3vw,34px)}.about-card p,.timeline-item p,.timeline-item small,.project-card p,.contact-card p{color:var(--muted);line-height:1.78}.about-card p{margin:0;font-size:1.04rem}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.timeline-item{position:relative;overflow:hidden}.timeline-dot{width:12px;height:12px;display:block;border-radius:999px;background:var(--mint);margin-bottom:22px;box-shadow:0 0 0 8px #b0e4cc14}.timeline-item h3,.project-card h3{margin:0 0 8px;font-size:1.28rem;letter-spacing:-.02em}.timeline-item p{margin:0 0 10px;color:var(--mint);font-weight:800}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-chip{padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:#b0e4cc12;color:var(--ink);font-weight:800}.skill-chip:nth-child(3n){background:#408a7138}.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.project-card{position:relative;min-height:265px;padding:22px;border-radius:28px;overflow:hidden;transition:.18s ease}.project-card:hover{transform:translateY(-5px);background:var(--paper-strong)}.project-card:after{content:"";position:absolute;inset:auto -30px -44px auto;width:120px;height:120px;border-radius:999px;background:var(--mint);opacity:.08}.project-number{display:block;color:#b0e4cc47;font-size:2.4rem;font-weight:900;letter-spacing:-.08em;margin-bottom:24px}.project-stack{display:inline-block;margin-bottom:10px;color:var(--mint);font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.project-card p{margin:0}.contact-section{padding-bottom:110px}.contact-card{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:clamp(24px,5vw,48px);border-radius:34px;background:linear-gradient(135deg,#285a48c7,#408a7157),var(--paper)}.contact-card p{max-width:580px;margin:16px 0 0}@media (max-width: 1040px){.navbar{align-items:stretch;border-radius:30px;flex-wrap:wrap}.nav-menu{order:3;width:100%;justify-content:center;flex-wrap:wrap}.hero,.section-two-column{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-description,.hero-actions{justify-content:center;margin-left:auto;margin-right:auto}.eyebrow,.section-title span{justify-content:center}.section-title{text-align:center}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.container,.navbar{width:min(100% - 24px,1120px)}.brand-logo span{display:none}.nav-menu{gap:4px}.nav-menu a{padding:8px 10px;font-size:.82rem}.theme-toggle{padding-inline:12px}.hero{padding-top:54px}.hero-copy h1{font-size:clamp(2.7rem,18vw,4.6rem)}.stats-row,.timeline,.projects-grid{grid-template-columns:1fr}.note-card{position:relative;right:auto;bottom:auto;width:100%;margin-top:-18px}.contact-card{align-items:stretch;flex-direction:column}.contact-card .btn{width:100%;overflow-wrap:anywhere}}@media (max-width: 460px){.navbar{top:10px;margin-top:10px}.btn{width:100%}.hero-actions{flex-direction:column}.section{padding:66px 0}}