:root{--bg:#0b1020;--panel:#0f172a;--text:#e2e8f0;--muted:#94a3b8;--brand:#22d3ee;--brand2:#a78bfa;--accent:#34d399}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}.container{max-width:1100px;margin:0 auto;padding:24px}.section{background:linear-gradient(180deg,#ffffff08,#fff0);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:20px;margin:18px 0}.title{font-size:28px;margin:0 0 10px}.muted{color:var(--muted)}.hr{height:1px;background:#94a3b82e;margin:10px 0}.header{position:sticky;top:0;z-index:20;background:#0b1020a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px}.row{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;border:2px solid rgba(148,163,184,.25);background:#1f2a44}.nav a{opacity:.85;margin-left:14px}.nav a:hover{opacity:1;color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font-weight:600;letter-spacing:.3px;transition:all .25s ease;text-decoration:none;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#f8fafc;border:none;box-shadow:0 4px 12px #2563eb59}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2563eb8c;background:linear-gradient(135deg,#2563eb,#1e3a8a)}.btn.outline{background:transparent;border:2px solid rgba(226,232,240,.3);color:#dbeafe}.btn.outline:hover{border-color:#2563eb;color:#60a5fa;transform:translateY(-2px)}.btn:active{transform:scale(.97)}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}.card{background:#0f172aa6;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:16px}.card h3{margin:0 0 6px;font-size:18px}.badge{font:600 12px/1 system-ui;padding:6px 10px;border-radius:999px;background:#34d3991f;border:1px solid rgba(52,211,153,.35);color:#bfffe2;margin-left:auto}.footer{opacity:.8;font-size:14px;padding:16px 0}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;padding:42px;border-radius:16px;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(148,163,184,.15);overflow:hidden}.h1-display{font-size:clamp(36px,6vw,72px);line-height:1.05;font-weight:800;letter-spacing:.2px;margin:0 0 12px;color:#f5f7fb}.lead{font-size:clamp(16px,1.6vw,22px);color:var(--muted);margin:0 0 22px}.hero-actions{display:flex;gap:12px;align-items:center}.btn.outline{background:transparent;color:var(--text);border:1.5px solid rgba(148,163,184,.45);padding:12px 18px}.btn.outline:hover{transform:translateY(-1px);border-color:#94a3b8a6}.hero-right{width:100%}.hero-img{width:100%;max-width:450px;aspect-ratio:3 / 4;object-fit:cover;object-position:center;border-radius:18px;display:block;box-shadow:0 15px 45px #0006;border:2px solid rgba(255,255,255,.05)}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:26px}.hero-left{text-align:left}.hero-img{aspect-ratio:16/10}}.hero-full{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b1020,#11172a);padding:0 10%;color:var(--text)}.hero-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:60px;max-width:1200px}.hero-text{flex:1}.hero-title{font-size:clamp(48px,6vw,90px);font-weight:800;line-height:1.05;margin-bottom:20px}.hero-subtitle{font-size:clamp(18px,1.6vw,22px);color:var(--muted);margin-bottom:30px}.hero-buttons{display:flex;gap:16px}.hero-photo{width:min(35vw,420px);height:min(70vh,570px);object-fit:cover;object-position:center 10%;border-radius:18px}@media(max-width:768px){.hero-photo{width:80vw;height:60vh}}.hero-img{width:100%;max-width:450px;aspect-ratio:3/4;border-radius:18px;background:url(/hero.jpg) center/cover no-repeat;box-shadow:0 15px 45px #0006;border:2px solid rgba(255,255,255,.05)}@media(max-width:900px){.hero-content{flex-direction:column-reverse;text-align:center;gap:30px}.hero-img{max-width:320px;aspect-ratio:4/5}.hero-buttons{justify-content:center}}.projects-viewport{min-height:100vh;display:grid;gap:14px;grid-auto-rows:minmax(320px,1fr)}.project-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(148,163,184,.18);background:#0f172a}.project-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05) contrast(1.02);transform:scale(1.02)}.project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#020617a6,#02061740);display:flex;align-items:flex-end;padding:28px}.project-content{max-width:820px}.project-title{font-size:clamp(28px,4.2vw,48px);margin:0 0 6px}.project-blurb{color:var(--muted);margin:0 0 14px}.project-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.projects-viewport{grid-auto-rows:60vh}}.exp-timeline{display:grid;gap:16px;margin-top:12px}.exp-item{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.18)}.exp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.exp-role{margin:0 0 4px;font-size:18px}.exp-company{font-weight:600;color:#93c5fd}.exp-company:hover{text-decoration:underline}.exp-dates{color:var(--muted);white-space:nowrap}.exp-bullets{margin:8px 0 10px 18px;color:var(--text)}.exp-bullets li{margin-bottom:6px}.exp-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.chip{font:600 12px/1 system-ui;padding:8px 10px;border-radius:999px;background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#bfffe2}.hobby-card{display:flex;flex-direction:column;background:#0f172abf;border:1px solid rgba(148,163,184,.15);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #00000059;transition:transform .25s ease,box-shadow .25s ease}.hobby-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000073}.hobby-photo{width:100%;height:180px;background-size:cover;background-position:center}.hobby-info{padding:14px 16px}.hobby-info h3{margin:0 0 6px;font-size:18px;color:#f8fafc}.hobby-info p{font-size:14px;color:var(--muted)}@media(max-width:900px){.grid.cols-3{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid.cols-3{grid-template-columns:1fr}}.contact-card{display:flex;flex-direction:column;justify-content:space-between;padding:18px 22px;transition:all .25s ease;background:#0f172aa6;border:1px solid rgba(148,163,184,.15);border-radius:14px}.contact-card:hover{background:#2563eb26;border-color:#2563eb59;transform:translateY(-3px)}.project-card.polypredictor-kit .project-blurb{color:#fff!important;opacity:1}