:root{--brand: #0aa0ff;--brand-600: #098bdc;--brand-700: #0776ba;--bg: #f9f9f9;--bg-elev: #ffffff;--text: #333333;--muted: #6b7280;--border: #d1d5db;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--info: #0ea5e9;--maxw: 960px;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 12px 24px rgba(0,0,0,.18);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";--h1: 2rem;--h2: 1.5rem;--base: 16px;--lead: 1.1rem;--dur: .16s;--ease: cubic-bezier(.2,.7,.3,1);--bp-1: 600;--bp-2: 900;--bp-3: 1200}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--bg-elev: #151821;--text: #e7e7e7;--muted: #a3a3a3;--border: #2b2f3a;--brand: #4cb7ff;--brand-600: #32a8fb;--brand-700: #1f93e8}}*,*:before,*:after{box-sizing:border-box}html{font-size:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand);text-decoration:none;transition:color var(--dur) var(--ease),opacity var(--dur) var(--ease)}a:hover{color:var(--brand-600)}a:active{color:var(--brand-700)}img{display:block;max-width:100%;height:auto}.site-header{background:#222;color:#fff;text-align:center;padding:2rem 1rem}.site-header h1{margin:0 0 .4rem;font-size:var(--h1)}.site-header p{margin:0;font-size:var(--lead);opacity:.9}.site-footer{background:#222;color:#fff;text-align:center;padding:1rem;margin-top:3rem}.container{max-width:var(--maxw);margin:2rem auto;padding:0 1rem}.section{margin-bottom:2.5rem}.grid-portfolio{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 600px){.grid-portfolio{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.grid-portfolio{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.grid-portfolio{grid-template-columns:repeat(4,1fr)}}.tile{display:block;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in oklab,var(--border),var(--brand) 25%)}.tile__img{aspect-ratio:1/1;object-fit:cover;background:#eee;width:100%;border-bottom:1px solid var(--border)}.tile__caption{padding:.75rem .9rem;font-weight:600}.btn{--btn-bg: var(--brand);--btn-fg: #fff;--btn-bd: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .9rem;border-radius:var(--radius);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;line-height:1.1;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text);--btn-bd: var(--border)}.btn--outline{--btn-bg: transparent;--btn-fg: var(--brand);--btn-bd: var(--brand)}.btn--danger{--btn-bg: var(--danger);--btn-fg: #fff}.btn--success{--btn-bg: var(--success);--btn-fg: #fff}.btn--light{--btn-bg: var(--bg-elev);--btn-fg: var(--text);--btn-bd: var(--border)}.btn--sm{padding:.4rem .7rem;border-radius:8px;font-size:.9rem}.btn--lg{padding:.8rem 1.1rem;font-size:1.05rem}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.18rem .5rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em;border:1px solid var(--border);background:var(--bg-elev);color:var(--muted)}.badge--primary{background:color-mix(in oklab,var(--brand) 14%,#fff);color:var(--brand-700);border-color:color-mix(in oklab,var(--brand) 35%,#fff)}.badge--success{background:color-mix(in oklab,var(--success) 14%,#fff);color:#14532d;border-color:color-mix(in oklab,var(--success) 35%,#fff)}.badge--warning{background:color-mix(in oklab,var(--warning) 14%,#fff);color:#7c3e00;border-color:color-mix(in oklab,var(--warning) 35%,#fff)}.badge--danger{background:color-mix(in oklab,var(--danger) 14%,#fff);color:#7f1d1d;border-color:color-mix(in oklab,var(--danger) 35%,#fff)}.badge+.badge{margin-left:.4rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem;transition:box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card+.card{margin-top:1rem}.card__title{margin:0 0 .4rem;font-size:var(--h2)}.card__meta{color:var(--muted);font-size:.9rem}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.rounded{border-radius:var(--radius)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-full{border-radius:999px!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.flex{display:flex!important}.grid{display:grid!important}.center{display:grid;place-items:center}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}