@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");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:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--accent:#0ea5e9;--accent-2:#0366d6;--muted:#6b7280;--card-bg:#fffffff5;--card-bg-dark:#12121299}.skill-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.1rem;margin-top:1.6rem;display:grid}.skill-card{background:var(--card-bg);border:1px solid #1010100a;border-radius:12px;flex-direction:column;gap:10px;padding:18px;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0c0c0c0f}@media (prefers-color-scheme:dark){.skill-card{background:var(--card-bg-dark);border:1px solid #ffffff08;box-shadow:0 8px 28px #0009}}.skill-card:hover{transform:translateY(-8px);box-shadow:0 18px 48px #0206173d}.skill-card-head{align-items:center;gap:12px;display:flex}.icon-wrap{background:linear-gradient(135deg,#0ea5e91f,#0366d614);border:1px solid #0ea5e91f;border-radius:12px;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid}.skill-icon{object-fit:contain;width:36px;height:36px}.skill-head-meta{justify-content:space-between;align-items:start;width:100%;display:flex}.skill-name{letter-spacing:-.2px;margin:0;font-size:1.05rem;font-weight:700}.skill-score{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:.92rem;font-weight:700;box-shadow:0 6px 18px #0366d624}.progress{background:linear-gradient(90deg,#0000000a,#00000005);border-radius:999px;width:100%;height:10px;margin-top:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;width:0;height:100%;transition:width .85s cubic-bezier(.2,.9,.2,1)}.skill-list{color:var(--muted);margin:8px 0 0;padding-left:1.05rem;font-size:.95rem}.skill-list li{margin:.28rem 0}@media (max-width:520px){.icon-wrap{width:48px;height:48px}.skill-icon{width:30px;height:30px}.skill-score{padding:5px 8px;font-size:.82rem}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;margin-top:1.4rem;display:grid}.project-card{background:#fffffff5;border:1px solid #0000000a;border-radius:10px;flex-direction:column;transition:transform .16s,box-shadow .16s;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #02061714}.project-thumb{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.project-image{background-position:50%;background-size:cover;width:100%;height:160px}.project-content{flex-direction:column;gap:10px;padding:14px;display:flex}.project-content h3{margin:0;font-size:1.05rem}.project-content p{color:#6b7280;margin:0;font-size:.95rem}.project-tags{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.tag{color:#0366d6;background:#0366d614;border-radius:999px;padding:6px 8px;font-size:.82rem}.project-links{align-items:center;gap:8px;margin-top:6px;display:flex}.project-link,.btn{color:#0366d6;cursor:pointer;background:0 0;border:1px solid #0366d61f;border-radius:8px;padding:6px 10px;font-weight:600;text-decoration:none}.btn.ghost{color:inherit;background:0 0;border:1px solid #0000000f}.modal-overlay{z-index:9999;background:#02061799;justify-content:center;align-items:center;padding:28px;animation:.14s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;width:min(980px,96%);max-height:90vh;margin:auto;padding:18px;position:relative;overflow-y:auto;box-shadow:0 22px 60px #0206177a}@media (prefers-color-scheme:dark){.modal-content{color:#f5f5f5;background:#0b0b0b;box-shadow:0 22px 60px #000000b3}}.modal-close{cursor:pointer;color:inherit;background:0 0;border:0;font-size:22px;position:absolute;top:8px;right:12px}.modal-body{align-items:flex-start;gap:18px;display:flex}.modal-image{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:52%;min-height:320px}.modal-meta{width:48%}.placeholder-note{color:#0366d6;background:#0366d60f;border-radius:8px;padding:12px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:820px){.modal-body{flex-direction:column}.modal-image,.modal-meta{width:100%}.project-image{height:180px}}