:root{--bg: #ffffff;--card: #f8fafc;--muted: #475569;--text: #0f172a;--accent: #06b6d4;--primary: #2563eb;--ring: rgba(37, 99, 235, 0.4)}[data-theme="dark"]{--bg: #0b1020;--card: #0f172a;--muted: #94a3b8;--text: #e5e7eb;--accent: #06b6d4;--primary: #60a5fa;--ring: rgba(6,182,212,.4)}html,body{height:100%}*{box-sizing:border-box}body{margin:0;font-family:'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%, color-mix(in oklab, var(--bg) 65%, #111827 35%) 20%, transparent 60%),radial-gradient(800px 400px at 110% -20%, color-mix(in oklab, var(--accent) 25%, transparent) 10%, transparent 60%),var(--bg);transition:background .3s ease, color .3s ease}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block;border-radius:.5rem}.container{width:min(1100px, 92%);max-width:1024px;margin:0 auto;padding:1rem}section{padding:4rem 1rem}h1,h2,h3,h4,h5,h6{color:var(--text);margin-top:0}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);background:color-mix(in oklab, var(--bg) 70%, transparent);border-bottom:1px solid color-mix(in oklab, var(--muted) 22%, transparent);transition:background .3s ease}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}.logo{font-weight:800;font-size:1.25rem;color:var(--text);letter-spacing:.3px}.logo .accent{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:1.5rem}.site-nav a{font-weight:500;color:color-mix(in oklab, var(--text) 88%, #fff);transition:color .2s;padding:.45rem .7rem;border-radius:10px}.site-nav a:hover{color:var(--accent);background:color-mix(in oklab, var(--accent) 18%, transparent)}.site-nav a.active{color:var(--primary);background:color-mix(in oklab, var(--accent) 18%, transparent)}.nav-toggle{display:none;background:transparent;border:1px solid color-mix(in oklab, var(--muted) 25%, transparent);color:var(--text);padding:.4rem .6rem;border-radius:10px}.site-nav .theme-toggle{margin-left:auto}@media (max-width: 800px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;right:4%;top:58px;flex-direction:column;background:color-mix(in oklab, var(--bg) 90%, #0b1327 10%);padding:.8rem;border:1px solid color-mix(in oklab, var(--muted) 22%, transparent);border-radius:12px}.site-nav.open{display:flex}.site-nav .theme-toggle{margin-left:0;align-self:flex-end}}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;margin-left:.25rem}.theme-toggle input{position:absolute;opacity:0;pointer-events:none}.theme-toggle__track{--track-bg: color-mix(in oklab, var(--muted) 15%, var(--bg));position:relative;width:64px;height:32px;border-radius:999px;background:var(--track-bg);border:1px solid color-mix(in oklab, var(--muted) 30%, transparent);display:inline-block;box-sizing:border-box;padding:2px;transition:background-color .25s ease, border-color .25s ease, box-shadow .25s ease}.theme-toggle:hover .theme-toggle__track{box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 60%, transparent)}.theme-toggle__thumb{position:absolute;top:2px;left:2px;width:28px;height:28px;border-radius:999px;background:var(--card);box-shadow:0 2px 6px rgba(0,0,0,0.25);overflow:hidden}.theme-toggle input:checked+.theme-toggle__track .theme-toggle__thumb{transform:translateX(32px) rotate(0.001deg)}.theme-toggle__thumb::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:color-mix(in oklab, #000 20%, transparent);transform:translate(-50%, -50%) scale(0);opacity:0;pointer-events:none}.theme-toggle__thumb.ripple::after{transform:translate(-50%, -50%) scale(2.6);opacity:0;transition:transform 520ms ease, opacity 800ms ease}.theme-toggle__icon{position:absolute;top:50%;transform:translateY(-50%);font-size:.9rem;opacity:.75;pointer-events:none;transition:opacity .25s ease}.theme-toggle__icon--sun{left:10px}.theme-toggle__icon--moon{right:10px;opacity:.35}.theme-toggle input:checked+.theme-toggle__track .theme-toggle__icon--sun{opacity:.35}.theme-toggle input:checked+.theme-toggle__track .theme-toggle__icon--moon{opacity:.85}.theme-toggle__text{display:flex;align-items:center;gap:.25rem;font-size:.9rem}.theme-toggle__sep{opacity:.4}.theme-toggle__text-light,.theme-toggle__text-dark{transition:color .25s ease, opacity .25s ease}.theme-toggle .theme-toggle__text-light{color:var(--text);font-weight:600}.theme-toggle .theme-toggle__text-dark{color:var(--muted)}.theme-toggle input:checked ~ .theme-toggle__text .theme-toggle__text-light{color:var(--muted);font-weight:500}.theme-toggle input:checked ~ .theme-toggle__text .theme-toggle__text-dark{color:var(--primary);font-weight:700}.theme-toggle:hover .theme-toggle__text-dark,.theme-toggle:hover .theme-toggle__text-light{filter:saturate(1.05)}.theme-toggle:active .theme-toggle__track .theme-toggle__thumb{transform:translateX(0) scale(0.96)}.theme-toggle:active input:checked+.theme-toggle__track .theme-toggle__thumb{transform:translateX(32px) scale(0.96)}.theme-toggle input:focus-visible+.theme-toggle__track{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:var(--primary)}@media (prefers-reduced-motion: reduce){.theme-toggle__thumb,.theme-toggle__icon,.theme-toggle__text-light,.theme-toggle__text-dark,.theme-toggle__track{transition:none !important}.theme-toggle__thumb.ripple::after{transition:none}}.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}button,.btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s ease}button:hover,.btn:hover{background:var(--accent)}.list{padding-left:1rem}.timeline{padding-left:1rem}.timeline li{margin:0.3rem 0}.form-status{margin-top:.75rem;font-size:.95rem;min-height:1.2em}.form-status.loading{color:var(--muted)}.form-status.ok{color:#16a34a}.form-status.err{color:#ef4444}.contact-form{display:grid;gap:1rem;max-width:600px;margin:0 auto}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid var(--muted);border-radius:.5rem;font-size:1rem;background:var(--card);color:var(--text)}.contact-form textarea{min-height:150px;resize:vertical}.site-footer{margin:3rem 0 2rem;border-top:1px solid color-mix(in oklab, var(--muted) 22%, transparent);padding-top:1rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center}.footer-links{display:flex;gap:.8rem;flex-wrap:wrap}.copy{text-align:right}.muted{color:var(--muted)}.contact-list{line-height:1.9}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;padding:4rem 0 2rem}.hero__text h1{font-size:clamp(1.8rem, 3.8vw, 3rem);margin:0.2rem 0 0}.lead{color:color-mix(in oklab, var(--text) 70%, #c7d2fe);font-size:1.05rem;line-height:1.6}.hero__cta{margin-top:1rem;display:flex;gap:0.8rem}.hero__img{border-radius:18px;border:1px solid color-mix(in oklab, var(--muted) 24%, transparent);background:color-mix(in oklab, var(--bg) 85%, #0b1327 15%);aspect-ratio:4/3;object-fit:cover}@media (max-width: 900px){.hero{grid-template-columns:1fr}}.projects-controls{display:grid;gap:.75rem;grid-template-columns:1fr auto;align-items:center;margin:1rem 0 1.25rem}.proj-input{padding:.6rem .8rem;border-radius:10px;border:1px solid color-mix(in oklab, var(--muted) 25%, transparent);background:var(--card);color:var(--text);outline:none;box-shadow:none}.proj-input:focus{box-shadow:0 0 0 3px var(--ring)}.proj-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.chip{appearance:none;border:1px solid color-mix(in oklab, var(--muted) 30%, transparent);background:color-mix(in oklab, var(--bg) 85%, var(--card) 15%);color:var(--text);padding:.35rem .65rem;border-radius:999px;cursor:pointer;font-weight:500}.chip[aria-pressed="true"]{background:color-mix(in oklab, var(--accent) 18%, transparent);border-color:color-mix(in oklab, var(--accent) 45%, transparent)}#projectClear{background-color:var(--gray-100);color:var(--text-color)}#projectClear:hover{background-color:var(--accent-color);color:#fff}.card{background:linear-gradient(180deg, color-mix(in oklab, var(--card) 96%, transparent), color-mix(in oklab, var(--card) 78%, transparent));border:1px solid color-mix(in oklab, var(--muted) 22%, transparent);border-radius:16px;padding:1rem;box-shadow:0 10px 30px color-mix(in oklab, #000 28%, var(--bg) 72%);overflow:hidden;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}.card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 25px rgba(0,0,0,0.12);border-color:color-mix(in oklab, var(--accent) 35%, transparent)}.card .card__img{transition:filter 0.3s ease}.card:hover .card__img{filter:brightness(0.85)}.card h3,.card p,.card .tags,.card .link{transition:color 0.3s ease}.card:hover h3,.card:hover p,.card:hover .tags span,.card:hover .link{color:var(--accent-color, #07f)}.card__img{border-radius:12px;border:1px solid color-mix(in oklab, var(--muted) 22%, transparent);margin-bottom:0.8rem}.section-title{font-size:1.3rem;margin:2rem 0 1rem}.grid{display:grid;gap:1rem}.grid--cards{grid-template-columns:repeat(2, 1fr)}.blog-grid{grid-template-columns:repeat(1, 1fr)}@media (max-width: 1000px){.grid--cards{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.grid--cards{grid-template-columns:1fr}}.tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem;margin:.6rem 0}.tags span{background:color-mix(in oklab, var(--bg) 70%, var(--card) 30%);border:1px solid color-mix(in oklab, var(--muted) 28%, transparent);color:var(--tag-text, #333);color:color-mix(in oklab, var(--text) 82%, #000);font-size:0.82rem;font-weight:500;padding:.18rem .5rem;border-radius:999px;border-radius:20px;transition:background 0.3s ease, color 0.3s ease, transform 0.2s ease}.tags span:hover{color:#fff;transform:translateY(-1px) scale(1.05);cursor:pointer}.tags--lg span{font-size:.9rem;padding:0.28rem 0.7rem}.post-card--row{display:flex;gap:1rem;align-items:flex-start}.post-card__thumb{flex:0 0 auto;display:block;width:180px;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;border:1px solid color-mix(in oklab, var(--muted) 22%, transparent);background:color-mix(in oklab, var(--bg) 85%, #0b1327 15%)}.post-card__img{width:100%;height:100%;object-fit:cover;display:block}.post-card__content{flex:1 1 auto;min-width:0}.post-card__title{margin:0;line-height:1.25}.post-meta{margin:.2rem 0 .4rem;font-size:.9rem;color:var(--muted)}.post-card__excerpt{margin:.25rem 0 .6rem}.post-card__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card:hover .post-card__title .link{color:var(--primary);text-decoration:underline}@media (max-width: 640px){.post-card--row{flex-direction:column}.post-card__thumb{width:100%;aspect-ratio:16 / 9}}.wrap{margin-top:1.5rem}.profile-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1rem;border:1px solid color-mix(in oklab, var(--muted) 22%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--card) 96%, transparent), color-mix(in oklab, var(--card) 78%, transparent));border-radius:16px;margin-top:1.5rem}.profile-pic{border-radius:50%;border:1px solid color-mix(in oklab, var(--muted) 22%, transparent);width:112px;height:112px;object-fit:cover;background:color-mix(in oklab, var(--bg) 85%, #0b1327 15%)}.profile-meta{min-width:0}.profile-name{margin:0}.profile-role{margin:.2rem 0 .4rem}.profile-bio{margin:0 0 .6rem}.profile-quick{display:flex;gap:.5rem;flex-wrap:wrap}.skills-grid{display:grid;gap:1rem;grid-template-columns:repeat(3, 1fr)}@media (max-width: 900px){.skills-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.skills-grid{grid-template-columns:1fr}}.skills-col h3{margin:.2rem 0 .5rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-block;padding:.28rem .6rem;font-size:.9rem;border-radius:999px;background:color-mix(in oklab, var(--bg) 70%, var(--card) 30%);color:color-mix(in oklab, var(--text) 82%, #000);border:1px solid color-mix(in oklab, var(--muted) 28%, transparent)}.timeline{list-style:none;padding:0;margin:0}.timeline--vertical{position:relative;margin-left:0.4rem;padding-left:1.25rem}.timeline--vertical::before{content:"";position:absolute;left:0.45rem;top:0;bottom:0;width:2px;background:color-mix(in oklab, var(--muted) 26%, transparent)}.timeline-item{position:relative;margin:0 0 1rem 0}.timeline-item::before{content:"";position:absolute;left:-0.1rem;top:.35rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 55%, transparent)}.timeline-date{display:block;font-size:.9rem;color:var(--muted);margin:0 0 .25rem}.timeline-card{padding:1rem}.timeline-title{margin:0 0 .35rem}.about-cta .card{padding:1.25rem}.reveal{opacity:0;transform:translateY(8px)}@media (prefers-reduced-motion: reduce){.reveal{opacity:1 !important;transform:none !important}}@media (max-width: 640px){.profile-card{grid-template-columns:1fr;text-align:left}.profile-pic{width:96px;height:96px}}