@layer base{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 var(--space-2);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.25}p{margin:0 0 var(--space-2)}a{color:var(--color-accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-text);text-decoration:underline}::selection{background-color:var(--color-accent-soft);color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,textarea,select,button{accent-color:var(--color-accent)}.container{max-width:var(--container-max);padding-inline:var(--space-3);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--space-2);z-index:100;padding:var(--space-1) var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);position:absolute}.skip-link:focus{top:var(--space-2)}}@layer components{.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius);text-align:center;transition:background-color var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);font-weight:500;display:inline-flex;&:hover{transform:translateY(-1px)}}.btn-icon{width:1.1em;height:1.1em}.btn-primary{background-image:linear-gradient(135deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 70%, var(--color-accent-dark)));color:#fff;&:hover{color:#fff;box-shadow:0 8px 24px color-mix(in srgb, var(--color-accent) 40%, transparent);text-decoration:none}}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);&:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 4px 16px color-mix(in srgb, var(--color-accent) 18%, transparent);text-decoration:none}}.projects{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid;container-type:inline-size}.projects-status{color:var(--color-text-muted);grid-column:1/-1}.projects-toolbar{align-items:end;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.filter-chips{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.filter-chip{color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:border-color var(--transition), color var(--transition), background-color var(--transition);border-radius:999px;padding:.375rem .875rem;font-family:inherit;font-size:.875rem;&:hover{border-color:var(--color-accent);color:var(--color-accent)}&[aria-pressed=true]{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface)}}.sort-field{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex;& select{color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:.375rem .625rem;font-family:inherit;font-size:.875rem}}.project-card{gap:var(--space-2);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--transition), transform var(--transition);flex-direction:column;display:flex;position:relative;overflow:hidden;&:before{content:"";background:linear-gradient(90deg, var(--color-accent), #8b5cf6);opacity:0;height:3px;transition:opacity var(--transition);position:absolute;inset:0 0 auto}&:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);&:before{opacity:1}}}.project-name{margin:0;font-size:1.125rem}.project-description{color:var(--color-text-muted);flex:1;font-size:.9375rem}.project-meta{gap:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;font-size:.875rem;display:flex}.project-language{align-items:center;gap:.375rem;display:inline-flex}.language-dot{background-color:var(--color-accent);border-radius:50%;width:10px;height:10px}.project-links{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex;& .btn{padding:var(--space-1) var(--space-2);font-size:.875rem}}.card-arrow{width:1em;height:1em;transition:transform var(--transition)}.btn:hover .card-arrow{transform:translate(2px,-2px)}@container (width<=360px){.project-card{padding:var(--space-3)}}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/sora-latin-ext-wght-normal.CawQDOvP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/_astro/sora-latin-wght-normal.DdqRvwsR.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#f7f9fc;--color-surface:#fff;--color-text:#1f2937;--color-text-muted:#4b5563;--color-accent:#2563eb;--color-accent-dark:color-mix(in srgb, var(--color-accent) 80%, #000);--color-accent-soft:color-mix(in srgb, var(--color-accent) 12%, #fff);--color-border:#e5e7eb;--font-heading:"Sora Variable", sans-serif;--font-body:"Inter Variable", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--container-max:1100px;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0f172a14;--shadow-lg:0 4px 12px #0f172a1a;--transition:.15s ease;color-scheme:light}[data-theme=dark]{--color-bg:#0b1220;--color-surface:#111a2e;--color-text:#e5e9f0;--color-text-muted:#9aa7bd;--color-accent:#60a5fa;--color-accent-dark:color-mix(in srgb, var(--color-accent) 72%, #000);--color-accent-soft:color-mix(in srgb, var(--color-accent) 18%, #111a2e);--color-border:#24304a;--shadow:0 1px 3px #0006;--shadow-lg:0 4px 12px #00000080;color-scheme:dark}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}[data-reveal]{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}[data-reveal].is-visible{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}[data-theme=dark] .astro-code,[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important}[data-theme=dark] .astro-code{background-color:var(--shiki-dark-bg)!important}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.site-header[data-astro-cid-wpvy4v7s]{z-index:50;background-color:color-mix(in srgb, var(--color-surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.nav-wrap[data-astro-cid-wpvy4v7s]{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-2);display:flex}.brand[data-astro-cid-wpvy4v7s]{font-family:var(--font-heading);color:var(--color-text);font-size:1.125rem;font-weight:700}.brand[data-astro-cid-wpvy4v7s]:hover{color:var(--color-accent);text-decoration:none}.nav-actions[data-astro-cid-wpvy4v7s]{align-items:center;gap:var(--space-2);display:flex}.theme-toggle[data-astro-cid-wpvy4v7s]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:color var(--transition), border-color var(--transition);justify-content:center;align-items:center;display:inline-flex;&:hover{color:var(--color-accent);border-color:var(--color-accent)}}.theme-icon[data-astro-cid-wpvy4v7s]{width:1.2em;height:1.2em}.nav-toggle[data-astro-cid-wpvy4v7s]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.nav-toggle-line[data-astro-cid-wpvy4v7s]{background-color:var(--color-text);width:100%;height:2px;transition:transform var(--transition), opacity var(--transition);display:block}.nav-toggle[data-astro-cid-wpvy4v7s][aria-expanded=true] .nav-toggle-line[data-astro-cid-wpvy4v7s]:nth-child(2){opacity:0}.nav-toggle[data-astro-cid-wpvy4v7s][aria-expanded=true] .nav-toggle-line[data-astro-cid-wpvy4v7s]:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[data-astro-cid-wpvy4v7s][aria-expanded=true] .nav-toggle-line[data-astro-cid-wpvy4v7s]:last-child{transform:translateY(-7px)rotate(-45deg)}.nav-menu[data-astro-cid-wpvy4v7s] ul[data-astro-cid-wpvy4v7s]{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.nav-menu[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-block}.nav-menu[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover{color:var(--color-accent);text-decoration:none}.nav-menu[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s].active,.nav-menu[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s][aria-current=page]{color:var(--color-accent);background-color:var(--color-accent-soft)}@media (width<=720px){.nav-toggle[data-astro-cid-wpvy4v7s]{display:flex}.nav-menu[data-astro-cid-wpvy4v7s]{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3);display:none;position:absolute;top:100%;left:0;right:0}.nav-menu[data-astro-cid-wpvy4v7s].open{display:block}.nav-menu[data-astro-cid-wpvy4v7s] ul[data-astro-cid-wpvy4v7s]{flex-direction:column}}.site-footer[data-astro-cid-jo6i4kqk]{margin-top:var(--space-6);padding-block:var(--space-4);background-color:var(--color-surface);border-top:1px solid var(--color-border)}.footer-wrap[data-astro-cid-jo6i4kqk]{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.footer-brand[data-astro-cid-jo6i4kqk]{font-family:var(--font-heading);margin:0;font-weight:600}.footer-links[data-astro-cid-jo6i4kqk]{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.footer-link[data-astro-cid-jo6i4kqk]{align-items:center;gap:var(--space-1);color:var(--color-text-muted);display:inline-flex;&:hover{color:var(--color-accent);text-decoration:none}}.footer-icon[data-astro-cid-jo6i4kqk]{width:1.1em;height:1.1em}.footer-copy[data-astro-cid-jo6i4kqk]{color:var(--color-text-muted);margin:0;font-size:.875rem}@media (width<=720px){.footer-wrap[data-astro-cid-jo6i4kqk]{text-align:center;flex-direction:column}}body{flex-direction:column;min-height:100vh;display:flex}main[data-astro-cid-hkbrpulz]{flex:1}