@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{color:#1f2937;background:radial-gradient(circle at 10% 10%,#10b9812e,#0000 34%),radial-gradient(circle at 90% 18%,#f973162e,#0000 30%),linear-gradient(170deg,#f8fafc 0%,#eef6f8 48%,#ecf4f8 100%);margin:0;font-family:Archivo,Segoe UI,sans-serif;transition:background .35s,color .35s}[data-theme=dark] body{color:#e2e8f0;background:radial-gradient(circle at 10% 10%,#2dd4bf29,#0000 35%),radial-gradient(circle at 90% 18%,#fb923c29,#0000 32%),linear-gradient(170deg,#020617 0%,#0b1220 46%,#111827 100%)}:root{--bg-panel:#fff;--bg-soft:#f4f8fb;--text-primary:#0f172a;--text-secondary:#475569;--line:#d9e2ec;--line-strong:#c8d3e0;--brand:#0e7490;--brand-strong:#155e75;--brand-soft:#e0f2fe;--accent:#f97316;--shadow:0 18px 48px #0f172a1f}.page-loader{text-align:center;min-height:100vh;color:var(--text-primary);place-content:center;gap:.5rem;font-family:Sora,sans-serif;display:grid}.loader-orb{background:conic-gradient(from 0deg, var(--brand), var(--accent), var(--brand));border-radius:50%;width:84px;height:84px;margin:0 auto;animation:1.1s linear infinite spin}.page-loader p{margin:0;font-size:1.08rem}.page-loader span{color:var(--text-secondary);font-size:.9rem}.scroll-progress{z-index:40;background:linear-gradient(90deg, var(--brand), var(--accent));width:0;height:3px;position:fixed;top:0;left:0}[data-theme=dark]{--bg-panel:#0f172a;--bg-soft:#111c32;--text-primary:#e2e8f0;--text-secondary:#cbd5e1;--line:#334155;--line-strong:#475569;--brand:#22d3ee;--brand-strong:#67e8f9;--brand-soft:#12303b;--accent:#fb923c;--shadow:0 22px 56px #0206178c}.portfolio-shell{width:min(1160px,100% - 2rem);color:var(--text-primary);gap:1rem;margin:1rem auto 2.8rem;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;display:grid}.top-header,.hero,.block,.site-footer{background:var(--bg-panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.top-header{z-index:24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.75rem .95rem;display:grid;position:sticky;top:.75rem}.logo-mark{color:#fff;background:linear-gradient(135deg, var(--brand), var(--accent));border-radius:999px;place-items:center;width:44px;height:44px;font-family:Sora,sans-serif;font-weight:700;text-decoration:none;display:grid}.nav-strip{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.nav-strip a,.hire-btn{color:var(--text-primary);border:1px solid var(--line);border-radius:999px;padding:.42rem .72rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .22s}.nav-strip a.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.nav-strip a:hover,.hire-btn:hover{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-1px)}.hire-btn{align-items:center;gap:.42rem;display:inline-flex}.hero{grid-template-columns:1.2fr .8fr;gap:.9rem;padding:1.3rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 8%,#0e749026,#0000 36%),radial-gradient(circle at 12% 92%,#f973161f,#0000 34%);position:absolute;inset:0}.hero-copy,.hero-side{z-index:1;position:relative}.hero-tag{border:1px solid var(--line-strong);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-strong);background:var(--bg-soft);border-radius:999px;align-items:center;margin:0;padding:.34rem .62rem;font-size:.78rem;font-weight:700;display:inline-flex}h1{letter-spacing:-.03em;margin:.78rem 0 .82rem;font-family:Sora,sans-serif;font-size:clamp(2rem,4vw,3.3rem);line-height:1.04}.hero-copy p{color:var(--text-secondary);max-width:68ch;margin:0}.hero-cta-row,.meta-links{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.btn-solid,.btn-ghost,.meta-links a,.meta-links span{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.42rem;padding:.43rem .76rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-solid{color:#fff;background:linear-gradient(130deg, var(--brand), var(--brand-strong));border-color:#0000}.btn-solid:hover{transform:translateY(-1px)}.btn-ghost,.meta-links a,.meta-links span{color:var(--text-primary);background:var(--bg-soft)}.btn-ghost:hover,.meta-links a:hover{border-color:var(--brand);background:var(--brand-soft)}.hero-side{gap:.65rem;display:grid}.portrait-card,.metric-tile,.service-card,.project-card,.skill-card,.edu-card,.ref-card,.contact-form,.contact-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px}.portrait-card{text-align:center;padding:.9rem}.portrait-card img{aspect-ratio:1;object-fit:cover;border:4px solid var(--brand-soft);border-radius:50%;width:min(230px,100%);margin:0 auto}.portrait-card p{color:var(--text-secondary);margin:.65rem 0 0;font-size:.9rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.metric-tile{padding:.72rem}.metric-tile i{color:var(--brand)}.metric-tile strong{margin-top:.3rem;font-size:1.12rem;display:block}.metric-tile span{color:var(--text-secondary);font-size:.82rem}.block{padding:1.24rem}.block-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.block-head h2{align-items:center;gap:.48rem;margin:0;font-family:Sora,sans-serif;font-size:1.38rem;display:inline-flex}.block-head h2 i{color:var(--brand)}.block-head p,.block p{color:var(--text-secondary);margin:0}.service-grid,.project-grid,.skill-grid,.edu-list,.edu-grid,.contact-grid{gap:.65rem;margin-top:.95rem;display:grid}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:.98rem;transition:transform .22s,border-color .2s}.service-card:hover,.project-card:hover,.skill-card:hover,.edu-card:hover,.ref-card:hover{border-color:var(--brand);transform:translateY(-2px)}.service-card i{color:var(--brand);font-size:1.16rem}.service-card h3{margin:.55rem 0 .34rem}.project-controls{gap:.56rem;margin-top:.88rem;display:grid}.project-controls input,.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--text-primary);font:inherit;background:#fff;border-radius:12px;padding:.62rem .74rem}[data-theme=dark] .project-controls input,[data-theme=dark] .contact-form input,[data-theme=dark] .contact-form textarea{color:var(--text-primary);background:#0b1325}.project-controls input:focus,.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--brand-soft);border-color:var(--brand)}.chips-row{flex-wrap:wrap;gap:.45rem;display:flex}.chips-row button{border:1px solid var(--line);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:999px;padding:.34rem .62rem;font-weight:600}.chips-row button.active{border-color:var(--brand);background:var(--brand-soft)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{padding:1rem;transition:transform .22s,border-color .2s}.project-head{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.project-head span{border:1px solid var(--line);color:var(--brand);border-radius:999px;padding:.2rem .54rem;font-size:.8rem;font-weight:700}.project-card p{margin-top:.55rem}.stack-row,.skill-tags{flex-wrap:wrap;gap:.42rem;margin-top:.63rem;display:flex}.stack-row span,.skill-tags span{border:1px solid var(--line);background:var(--bg-panel);border-radius:999px;padding:.27rem .52rem;font-size:.82rem}.project-links{flex-wrap:wrap;gap:.45rem;margin-top:.74rem;display:flex}.project-links a{color:var(--text-primary);border:1px solid var(--line);background:var(--bg-panel);border-radius:999px;align-items:center;gap:.42rem;padding:.34rem .62rem;text-decoration:none;display:inline-flex}.project-links a:hover{border-color:var(--brand);background:var(--brand-soft)}.empty-state{border:1px dashed var(--line-strong);background:var(--bg-soft);color:var(--text-secondary);border-radius:14px;align-items:center;gap:.5rem;margin-top:.7rem;padding:.8rem;display:flex}.empty-state i{color:var(--brand)}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card,.edu-card{padding:1rem;transition:transform .22s,border-color .2s}.skill-card h3,.edu-card h3{margin:0}.edu-grid{grid-template-columns:1.2fr .8fr}.edu-list,.focus-list{margin-top:0}.edu-card p{margin-top:.5rem}.focus-list{gap:.55rem;display:grid}.focus-card{border:1px solid var(--line);background:var(--bg-soft);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;padding:.75rem .8rem;display:grid}.focus-card i{color:var(--brand)}.focus-card p{margin:0}.contact-grid{grid-template-columns:1.25fr .75fr}.contact-form{gap:.56rem;padding:1rem;display:grid}.contact-form label{color:var(--text-primary);gap:.35rem;font-weight:600;display:grid}.contact-form textarea{resize:vertical}.contact-form button{background:linear-gradient(130deg, var(--brand), var(--brand-strong));color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.42rem;width:fit-content;padding:.5rem .8rem;display:inline-flex}.contact-form button:hover{filter:brightness(1.05)}.honey{display:none}.contact-card{align-content:start;gap:.5rem;padding:1rem;display:grid}.contact-card a,.copy-btn{color:var(--text-primary);border:1px solid var(--line);background:var(--bg-panel);border-radius:12px;align-items:center;gap:.42rem;padding:.52rem .64rem;text-decoration:none;display:inline-flex}.contact-card a:hover,.copy-btn:hover{border-color:var(--brand);background:var(--brand-soft)}.copy-btn{font:inherit;cursor:pointer}.site-footer{padding:.9rem 1rem}.site-footer p{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;gap:.42rem;width:100%;margin:0;display:inline-flex}.theme-switch{z-index:34;border:1px solid var(--line-strong);background:var(--bg-panel);width:54px;height:54px;color:var(--text-primary);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;position:fixed;bottom:1rem;right:1rem}.back-top{z-index:33;border:1px solid var(--line-strong);background:var(--bg-panel);width:48px;height:48px;color:var(--text-primary);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;position:fixed;bottom:4.6rem;right:1rem}.back-top:hover{border-color:var(--brand);background:var(--brand-soft)}.result-count{color:var(--brand)}.theme-switch:hover{border-color:var(--brand);background:var(--brand-soft)}.reveal{opacity:1;transition:opacity .35s,transform .35s;transform:none}.reveal.in-view{opacity:1;transform:translateY(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1020px){.top-header{grid-template-columns:1fr;gap:.65rem;position:static}.nav-strip{white-space:nowrap;justify-content:flex-start;padding-bottom:.2rem;overflow-x:auto}.hero,.service-grid,.project-grid,.skill-grid,.edu-grid,.contact-grid{grid-template-columns:1fr}.portfolio-shell{width:min(1160px,100% - 1rem)}.hero,.block{padding:1rem}}