@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&family=Bricolage+Grotesque:wght@500;700&display=swap";:root{--page-bg:#f3f7fb;--ink:#10233a;--ink-soft:#27405d;--muted:#5d738b;--line:#c7d6e5;--accent:#005cc8;--card:#fff;--chip:#eef6ff;--display:"Bricolage Grotesque", "Trebuchet MS", sans-serif;--headline:"Space Grotesk", "Trebuchet MS", sans-serif;--body:"DM Sans", Verdana, sans-serif;font-family:var(--body);color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.45}:root[data-theme=dark]{--page-bg:#0b111b;--ink:#e7f0fb;--ink-soft:#c1d3e8;--muted:#91a8bf;--line:#27415d;--accent:#8cc3ff;--card:#132131;--chip:#1a2f46}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 12% 14%, #ffcb793d, transparent 36%), radial-gradient(circle at 88% 24%, #2b9cff33, transparent 34%), linear-gradient(180deg, #f6fbff 0%, var(--page-bg) 100%);color:var(--ink);background-position:0 0,100% 0,0 0;background-size:130% 130%,125% 125%,100% 100%;margin:0;animation:16s ease-in-out infinite alternate pageGradientShift;position:relative}:root[data-theme=dark] body{background:radial-gradient(circle at 15% 12%, #f5a62329, transparent 36%), radial-gradient(circle at 84% 22%, #4691ff3d, transparent 34%), linear-gradient(180deg, #0d1623 0%, var(--page-bg) 100%);background-position:0 0,100% 0,0 0;background-size:130% 130%,125% 125%,100% 100%}@keyframes pageGradientShift{0%{background-position:0 0,100% 0,0 0}50%{background-position:12% 14%,82% 18%,0 0}to{background-position:20% 26%,70% 28%,0 0}}@media (prefers-reduced-motion:reduce){body{animation:none}}p{margin:0}.site-shell{gap:1.2rem;width:min(1120px,100% - 2rem);margin:1rem auto 2rem;display:grid}.hero{border:1px solid var(--line);background:radial-gradient(circle at 84% 12%,#1a73e82e,#0000 48%),radial-gradient(circle at 8% 88%,#e3a00824,#0000 46%),linear-gradient(155deg,#fcf8eff2,#f4fafffa);border-radius:22px;padding:clamp(1.1rem,2.2vw,2.2rem);animation:.6s ease-out both rise;position:relative;box-shadow:0 12px 38px #0e263f14}:root[data-theme=dark] .hero{background:radial-gradient(circle at 84% 12%,#4691ff42,#0000 46%),radial-gradient(circle at 8% 88%,#f5a62329,#0000 44%),linear-gradient(155deg,#132131fa,#0e1b2afa);box-shadow:0 16px 42px #02080f80}.hero-top{position:absolute;top:clamp(.9rem,2vw,1.4rem);right:clamp(.9rem,2vw,1.4rem)}.eyebrow{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font-size:.75rem}.theme-toggle{border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;font:inherit;white-space:nowrap;border-radius:999px;padding:.4rem .8rem;font-size:.86rem}h1{font-family:var(--display);margin:0;font-size:clamp(2rem,7vw,4.2rem);line-height:.95}.hero-role{font-family:var(--headline);color:var(--ink-soft);margin:.8rem 0 0;font-size:clamp(1.1rem,2.5vw,1.45rem)}.hero-tagline{max-width:60ch;color:var(--ink-soft);margin-top:.8rem}.hero-links{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.hero-links a{color:var(--ink);border:1px solid var(--line);background:color-mix(in srgb, var(--card) 82%, transparent);border-radius:999px;padding:.4rem .8rem;font-size:.9rem;text-decoration:none;transition:transform .2s,background-color .2s}.hero-links a:hover{background:#1a73e814;transform:translateY(-2px)}.hero-meta{color:var(--muted);gap:.35rem;margin-top:1rem;font-size:.93rem;display:grid}main{gap:1.2rem;display:grid}.section-grid{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.section-card{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 96%, transparent);border-radius:20px;padding:1.2rem;box-shadow:0 8px 24px #0e263f0d}h2{font-family:var(--headline);margin:0 0 .65rem;font-size:clamp(1.2rem,2.5vw,1.6rem)}.subsection-title{margin-top:1rem}h3{font-family:var(--headline);margin:0;font-size:1.1rem}.highlight-list{gap:.45rem;margin:.9rem 0 0;padding-left:1.15rem;display:grid}.chip-list{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--line);background:var(--chip);border-radius:999px;padding:.28rem .65rem;font-size:.85rem}.text-link{width:fit-content;color:var(--accent);border-bottom:1px dashed;margin-top:.9rem;text-decoration:none;display:inline-flex}.text-link+.text-link{margin-left:1rem}.compact-list{gap:.45rem;margin:.75rem 0 0;padding-left:1.1rem;display:grid}.education-title{color:var(--ink-soft);font-family:var(--headline);margin-top:.85rem;font-size:.98rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 98%, transparent), color-mix(in srgb, var(--chip) 28%, transparent));border-radius:16px;gap:.55rem;padding:.9rem;display:grid}.project-tech{color:var(--muted);font-size:.86rem}.project-role{color:var(--ink-soft);font-size:.9rem;font-weight:600}.project-details{color:var(--ink-soft);border-top:1px dashed var(--line);padding-top:.55rem;font-size:.92rem}.project-open-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--chip) 45%, var(--card));width:fit-content;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;margin-top:.2rem;padding:.45rem .8rem;font-size:.86rem}.project-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#080e188c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.project-modal{border:1px solid var(--line);background:var(--card);border-radius:18px;gap:.7rem;width:min(780px,100%);max-height:88vh;padding:1rem 1rem 1.2rem;display:grid;overflow-y:auto;box-shadow:0 24px 60px #03091059}.project-modal-top{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.project-modal-close{border:1px solid var(--line);background:color-mix(in srgb, var(--chip) 45%, var(--card));color:var(--ink);cursor:pointer;font:inherit;border-radius:999px;padding:.35rem .75rem;font-size:.85rem}.project-modal-role{color:var(--ink-soft);font-size:.93rem;font-weight:600}.project-modal-content{color:var(--ink-soft);gap:.65rem;display:grid}.project-modal-demo{border-top:1px dashed var(--line);gap:.45rem;margin-top:.25rem;padding-top:.7rem;display:grid}.project-modal-link{width:fit-content;color:var(--ink);border:1px solid var(--line);background:color-mix(in srgb, var(--chip) 48%, var(--card));border-radius:999px;padding:.45rem .8rem;font-size:.86rem;font-weight:600;text-decoration:none}.project-modal-note{color:var(--muted);font-size:.86rem}.live-demo{background:radial-gradient(circle at 90% 20%, #1a73e829, transparent 45%), linear-gradient(155deg, color-mix(in srgb, var(--card) 96%, transparent), color-mix(in srgb, var(--chip) 35%, transparent));gap:.8rem;display:grid}.live-demo-link{width:fit-content;color:var(--ink);border:1px solid var(--line);background:color-mix(in srgb, var(--card) 90%, transparent);border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .95rem;font-weight:600;text-decoration:none;transition:transform .18s,background-color .18s;display:inline-flex}.live-demo-link:hover{background:color-mix(in srgb, var(--chip) 55%, var(--card));transform:translateY(-1px)}.live-demo-item{gap:.4rem;display:grid}.live-demo-lock{color:var(--ink-soft);border:1px solid var(--line);background:color-mix(in srgb, var(--chip) 60%, var(--card));border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .4rem;font-size:.72rem;display:inline-flex}.live-demo-lock-icon{width:.72rem;height:.72rem}.live-demo-note{color:var(--muted);font-size:.88rem}:root[data-theme=dark] .live-demo{background:radial-gradient(circle at 90% 20%,#53a3ff38,#0000 43%),linear-gradient(155deg,#11202ff5,#101c2bf5)}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:.9rem;font-size:.9rem;display:flex}footer a{color:var(--ink);text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.site-shell{width:min(1120px,100% - 1rem);margin-top:.5rem}.hero-top{top:.75rem;right:.75rem}.section-grid,.project-grid{grid-template-columns:1fr}.text-link+.text-link{margin-left:0}footer{flex-direction:column;align-items:flex-start;gap:.35rem}}