.app{overflow-x:hidden}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}.nav{z-index:50;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:1rem 0;transition:background .25s,border-color .25s;position:fixed;inset:0 0 auto}.nav-inner{justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex;position:relative}.nav-toolbar{z-index:102;flex-shrink:0;align-items:center;gap:.5rem;display:flex;position:relative}.nav-burger{border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);width:2.5rem;height:2.5rem;color:var(--text);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background .2s;display:none}.nav-burger:hover{border-color:var(--accent);background:var(--accent-dim)}.nav-burger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-burger-icon{width:1.35rem;height:1.35rem}.primary-nav--desktop{min-width:0}@media (width>=900px){.primary-nav--desktop{flex:1;justify-content:flex-end;align-items:center;margin-inline:.35rem .5rem;display:flex}.primary-nav--desktop .nav-links{flex-wrap:wrap;justify-content:flex-end;gap:.35rem .85rem}}@media (width<=899px){.nav-burger{display:inline-flex}.primary-nav--desktop{display:none}}.primary-nav--drawer{z-index:45;pointer-events:none;visibility:hidden;width:100%;min-height:100dvh;position:fixed;inset:0}.primary-nav--drawer.primary-nav--drawer-open{pointer-events:auto;visibility:visible}.primary-nav--drawer .nav-scrim{cursor:pointer;background:#00000085;border:none;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}.primary-nav--drawer .primary-nav-panel{background:var(--bg-elevated);border-left:1px solid var(--border);width:min(20rem,88vw);height:100%;min-height:100dvh;max-height:100dvh;padding:5.25rem 1.25rem 2rem;transition:transform .28s;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-16px 0 48px #00000059}.primary-nav--drawer.primary-nav--drawer-open .primary-nav-panel{transform:translate(0)}.primary-nav--drawer .nav-links{flex-flow:column;align-items:stretch;gap:0}.primary-nav--drawer .nav-links a{border-bottom:1px solid var(--border);color:var(--text);padding:.95rem 0;font-size:1rem;font-weight:600;display:block}.primary-nav--drawer .nav-links a:hover{color:var(--accent)}.primary-nav--drawer .nav-links li:last-child a{border-bottom:none}.theme-toggle{border:1px solid var(--theme-toggle-border);background:var(--theme-toggle-bg);color:var(--text);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.25rem .6rem .25rem .35rem;transition:border-color .2s,background .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-dim)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle-track{background:var(--accent-dim);border-radius:999px;flex-shrink:0;width:2.75rem;height:1.45rem;position:relative}.theme-toggle-thumb{background:var(--theme-toggle-thumb-bg);border-radius:50%;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;transition:transform .25s;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000001f}.theme-toggle-thumb--dark{transform:translate(1.32rem)}.theme-toggle-icon{width:.62rem;height:.62rem;color:var(--accent)}.theme-toggle-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}@media (width<=480px){.theme-toggle-label{display:none}}.brand{z-index:102;letter-spacing:-.02em;min-width:0;color:var(--text);flex-shrink:0;font-size:1.05rem;font-weight:700;text-decoration:none;position:relative}.brand:hover{color:var(--accent);text-decoration:none}.nav-links{flex-wrap:wrap;gap:.35rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text)}.hero{padding:7.5rem 0 4.5rem;position:relative}.hero:before{content:"";background:radial-gradient(ellipse at 30% 20%, var(--hero-glow-1), transparent 55%), radial-gradient(ellipse at 80% 10%, var(--hero-glow-2), transparent 50%);pointer-events:none;z-index:0;height:70%;position:absolute;inset:-20% -10% auto}.hero-grid{z-index:1;position:relative}.hero-copy{min-width:0;max-width:52rem}.hero-lead-wide{max-width:52ch}@media (width<=900px){.hero-grid{text-align:center}.hero-copy,.hero-lead-wide{margin-inline:auto}}.hero-kicker{background:var(--accent-dim);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-kicker span.dot{background:var(--accent-hot);width:6px;height:6px;box-shadow:0 0 12px var(--accent-hot);border-radius:50%}.hero h1{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;line-height:1.1}.hero .gradient-text{background:var(--gradient-1);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{color:var(--muted);max-width:34ch;margin:0 0 1.75rem;font-size:1.1rem}@media (width<=900px){.hero-lead{margin-inline:auto}}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=900px){.hero-actions{justify-content:center}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.35rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gradient-1);color:var(--btn-primary-fg);box-shadow:0 12px 40px var(--btn-primary-shadow)}.btn-primary:hover{box-shadow:0 16px 48px var(--btn-primary-shadow-hover)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{background:var(--accent-dim);border-color:#a78bfa73}.section{padding:4rem 0}.section-header{margin-bottom:2.25rem}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.75rem;font-weight:700}.section-title{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,2.5vw,2rem)}.card-grid{gap:1.25rem;display:grid}@media (width>=720px){.card-grid.two{grid-template-columns:repeat(2,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 24px var(--card-shadow);padding:1.5rem 1.75rem;transition:background .25s,border-color .25s,box-shadow .25s}.card h3{margin:0 0 .35rem;font-size:1.15rem}.card .meta{color:var(--muted);margin:0 0 .75rem;font-size:.9rem}.card p{color:var(--card-text);margin:0;font-size:.95rem}.timeline{border-left:2px solid var(--border);flex-direction:column;gap:1.75rem;margin:0;padding-left:1.5rem;display:flex}.timeline-item{position:relative}.timeline-item:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--timeline-dot-ring);border-radius:50%;position:absolute;top:.35rem;left:calc(-1.5rem - 5px)}.about-hero-grid{gap:1.75rem;margin-bottom:2rem;display:grid}@media (width>=960px){.about-hero-grid{grid-template-columns:1.15fr .85fr;align-items:stretch}}.about-intro-card{background:var(--intro-card-shine), var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:0 4px 32px var(--about-card-shadow);padding:1.75rem 1.9rem}.about-lead{color:var(--about-lead);margin:0 0 1.25rem;font-size:1.05rem;line-height:1.75}.about-bullets{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.about-bullets li{color:var(--muted);padding-left:1.35rem;font-size:.95rem;line-height:1.65;position:relative}.about-bullet-mark{background:var(--gradient-1);border-radius:50%;width:6px;height:6px;position:absolute;top:.55rem;left:0;box-shadow:0 0 12px #a78bfa80}.about-stat-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.about-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:1.1rem 1.15rem;transition:border-color .2s,transform .2s;display:flex}.about-stat-card:hover{border-color:#a78bfa59;transform:translateY(-2px)}.about-stat-icon{color:var(--accent);opacity:.9;font-size:.75rem}.about-stat-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.about-stat-sub{color:var(--muted);margin:0;font-size:.8rem;line-height:1.35}.about-pillars{gap:1rem;display:grid}@media (width>=800px){.about-pillars{grid-template-columns:repeat(3,1fr)}}.about-pillar-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);border-top:3px solid var(--pillar-border);box-shadow:inset 0 1px 0 var(--pillar-inset);margin:0;padding:1.35rem 1.4rem}.about-pillar-title{color:var(--text);margin:0 0 .5rem;font-size:1rem;font-weight:700}.about-pillar-text{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.skills-intro{max-width:52ch;color:var(--muted);margin:.5rem 0 0;font-size:.98rem}.skills-split{gap:1.25rem;display:grid}@media (width>=900px){.skills-split{grid-template-columns:1fr 1fr;gap:1.5rem}}.skills-panel{border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);padding:1.5rem 1.6rem 1.65rem;position:relative;overflow:hidden}.skills-panel-tech{background:linear-gradient(160deg, #6366f11f, transparent 45%), var(--surface)}[data-theme=light] .skills-panel-tech{background:linear-gradient(160deg, #6366f114, transparent 45%), var(--surface)}.skills-panel-tools{background:linear-gradient(160deg, #f472b61f, transparent 45%), var(--surface)}[data-theme=light] .skills-panel-tools{background:linear-gradient(160deg, #ec489914, transparent 45%), var(--surface)}.skills-panel-head{margin-bottom:1.25rem}.skills-panel-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--badge-tech);margin-bottom:.5rem;font-size:.68rem;font-weight:700;display:inline-block}.skills-panel-badge-tools{color:var(--badge-tool)}.skills-panel-title{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.2rem}.skills-panel-desc{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.skills-chip-grid{flex-wrap:wrap;gap:.55rem;display:flex}.skill-chip{letter-spacing:-.01em;border:1px solid var(--border);border-radius:10px;padding:.5rem .95rem;font-size:.86rem;font-weight:600;transition:transform .15s,border-color .15s}.skill-chip:hover{transform:translateY(-1px)}.skill-chip-tech{background:var(--skill-chip-tech-bg);color:var(--skill-chip-tech-text);border-color:var(--skill-chip-tech-border)}.skill-chip-tool{background:var(--skill-chip-tool-bg);color:var(--skill-chip-tool-text);border-color:var(--skill-chip-tool-border)}.contact-aside-lead{max-width:52ch;color:var(--muted);margin:0 0 1.5rem;font-size:.98rem;line-height:1.65}.contact-connect{grid-template-columns:1fr;align-items:stretch;gap:1rem;max-width:960px;display:grid}@media (width>=600px){.contact-connect{grid-template-columns:1fr 1fr}.contact-connect-linkedin{grid-column:1/-1}}@media (width>=900px){.contact-connect{grid-template-columns:1fr 1fr 1fr}.contact-connect-linkedin{grid-column:auto}.contact-linkedin-btn{box-sizing:border-box;height:100%}}.contact-mini-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;flex-direction:column;gap:.2rem;padding:1rem 1.15rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}a.contact-mini-card:hover{box-shadow:0 12px 40px var(--contact-card-hover-shadow);border-color:#a78bfa73;text-decoration:none;transform:translateY(-2px)}.contact-mini-card-static{cursor:default}.contact-mini-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}.contact-mini-value{color:var(--text);word-break:break-word;font-size:.95rem;font-weight:600}.contact-linkedin-btn{background:var(--surface);border:1px solid var(--contact-social-border);color:var(--text);border-radius:14px;align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.contact-linkedin-btn:hover{border-color:var(--linkedin-hover-border);box-shadow:0 12px 36px var(--linkedin-shadow);text-decoration:none;transform:translateY(-2px)}.contact-linkedin-icon-wrap{background:var(--linkedin-icon-bg);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-linkedin-svg{width:26px;height:26px}.contact-linkedin-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.contact-linkedin-title{font-size:1.05rem;font-weight:700}.contact-linkedin-sub{color:var(--muted);font-size:.82rem}.contact-linkedin-arrow{color:var(--linkedin-arrow);font-size:1.1rem;font-weight:600}.projects-intro{max-width:52ch;color:var(--muted);margin:.5rem 0 0;font-size:1rem;line-height:1.65}.projects-list{flex-direction:column;gap:2.5rem;display:flex}.project-showcase{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);box-shadow:0 4px 28px var(--card-shadow);grid-template-columns:1fr 1fr;align-items:stretch;gap:1.75rem 2rem;padding:1.5rem 1.6rem;transition:border-color .2s,box-shadow .2s;display:grid}.project-showcase:hover{border-color:#a78bfa33}.project-showcase-body{flex-direction:column;min-width:0;padding:.25rem 0;display:flex}.project-showcase-title{letter-spacing:-.02em;margin:0 0 .4rem;font-size:1.35rem}.project-showcase-tagline{color:var(--muted);margin:0 0 .5rem;font-size:.95rem;line-height:1.5}.project-showcase-stack{letter-spacing:.07em;color:var(--accent);text-transform:uppercase;margin:0 0 1rem;font-size:.76rem;font-weight:700}.project-showcase-highlights{color:var(--card-text);flex:1;margin:0 0 1.35rem;padding-left:1.15rem;font-size:.92rem;line-height:1.65}.project-showcase-highlights li{margin-bottom:.5rem}.project-showcase-highlights li:last-child{margin-bottom:0}.project-open-btn{align-self:flex-start;width:fit-content}.project-showcase-media{align-items:center;min-width:0;display:flex}.project-showcase-frame{border:1px solid var(--border);background:linear-gradient(160deg,#6366f114,#0f172a59);border-radius:14px;width:100%;padding:10px;box-shadow:inset 0 1px #ffffff0a}[data-theme=light] .project-showcase-frame{background:linear-gradient(160deg,#6366f10f,#f1f5f9e6)}.project-showcase-frame img{object-fit:contain;object-position:center;background:var(--bg);border-radius:10px;width:100%;height:auto;max-height:min(300px,42vh);display:block}@media (width<=900px){.project-showcase{grid-template-columns:1fr;padding:1.35rem 1.25rem}.project-open-btn{justify-content:center;align-self:stretch;width:100%}.project-showcase-media{order:-1}.project-showcase-frame img{max-height:240px}}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:2.5rem 0 2rem;font-size:.9rem}.footer a{color:var(--muted)}.footer a:hover{color:var(--accent)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07060c;--bg-elevated:#0f0e14;--surface:#16141f;--border:#ffffff14;--text:#f4f4f5;--muted:#a1a1aa;--accent:#a78bfa;--accent-dim:#a78bfa26;--accent-hot:#f87171;--gradient-1:linear-gradient(135deg, #a78bfa 0%, #6366f1 50%, #f472b6 100%);--shadow:0 24px 80px #00000073;--nav-bg:#07060cb8;--hero-glow-1:#6366f138;--hero-glow-2:#f472b61f;--btn-primary-fg:#0b0a10;--btn-primary-shadow:#6366f159;--btn-primary-shadow-hover:#6366f173;--card-text:#d4d4d8;--card-shadow:#0003;--about-lead:#e4e4e7;--pillar-border:#a78bfa;--pillar-inset:#ffffff0a;--badge-tech:#c4b5fd;--badge-tool:#f9a8d4;--skill-chip-tech-bg:#6366f11f;--skill-chip-tech-text:#e4e4e7;--skill-chip-tech-border:#6366f159;--skill-chip-tool-bg:#f472b614;--skill-chip-tool-text:#e4e4e7;--skill-chip-tool-border:#f472b647;--contact-social-border:#0a66c240;--linkedin-hover-border:#0a66c2;--linkedin-icon-bg:linear-gradient(145deg, #0a66c2, #004182);--linkedin-arrow:#0a66c2;--linkedin-shadow:#0a66c240;--portrait-inner-bg:#000;--intro-card-shine:linear-gradient(145deg, #6366f114, transparent 55%);--about-card-shadow:#00000040;--contact-card-hover-shadow:#00000040;--timeline-dot-ring:var(--bg);--theme-toggle-bg:#ffffff0f;--theme-toggle-border:#ffffff14;--theme-toggle-thumb-bg:var(--surface);--radius:16px;--font:"Plus Jakarta Sans", system-ui, sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f4f8;--bg-elevated:#fff;--surface:#fff;--border:#0f172a1a;--text:#0f172a;--muted:#64748b;--accent:#7c3aed;--accent-dim:#7c3aed1f;--accent-hot:#ea580c;--gradient-1:linear-gradient(135deg, #7c3aed 0%, #4f46e5 50%, #db2777 100%);--shadow:0 24px 80px #0f172a1f;--nav-bg:#ffffffd9;--hero-glow-1:#6366f124;--hero-glow-2:#ec48991a;--btn-primary-fg:#fafafa;--btn-primary-shadow:#4f46e540;--btn-primary-shadow-hover:#4f46e559;--card-text:#334155;--card-shadow:#0f172a0f;--about-lead:#1e293b;--pillar-border:#7c3aed;--pillar-inset:#0f172a0a;--badge-tech:#6d28d9;--badge-tool:#be185d;--skill-chip-tech-bg:#6366f11a;--skill-chip-tech-text:#1e293b;--skill-chip-tech-border:#6366f140;--skill-chip-tool-bg:#ec489914;--skill-chip-tool-text:#1e293b;--skill-chip-tool-border:#ec489938;--contact-social-border:#0a66c233;--linkedin-hover-border:#0a66c2;--linkedin-icon-bg:linear-gradient(145deg, #0a66c2, #004182);--linkedin-arrow:#0a66c2;--linkedin-shadow:#0a66c233;--portrait-inner-bg:#000;--intro-card-shine:linear-gradient(145deg, #6366f10f, transparent 55%);--about-card-shadow:#0f172a14;--contact-card-hover-shadow:#0f172a1a;--timeline-dot-ring:var(--bg);--theme-toggle-bg:#0f172a0f;--theme-toggle-border:#0f172a1f;--theme-toggle-thumb-bg:var(--surface);--radius:16px;--font:"Plus Jakarta Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;transition:background-color .25s,color .25s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button{font-family:inherit}