:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--surface:#111827;--card:#1e293b;--glass-bg:#0f172abf;--glass-border:#ffffff14;--text:#f8fafc;--text-secondary:#cbd5e1;--muted:#94a3b8;--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#7c3aed;--accent:#ec4899;--brand-gradient:linear-gradient(90deg, #2563eb, #7c3aed, #ec4899);--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--border:#ffffff14;--border-light:#ffffff26;--shadow:0 10px 30px #0206172e;--shadow-lg:0 20px 60px #02061747;--shadow-xl:0 30px 80px #02061761;--shadow-primary:0 10px 25px #2563eb59;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:999px;--transition-fast:.2s ease;--transition:.3s ease;--transition-slow:.45s ease;--container-width:1200px;--z-navbar:1000;--z-dropdown:1100;--z-modal:1200}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--surface:#fff;--card:#fff;--glass-bg:#ffffffd9;--glass-border:#0f172a14;--text:#0f172a;--text-secondary:#334155;--muted:#64748b;--border:#e2e8f0;--border-light:#cbd5e1;--shadow:0 10px 30px #0f172a14;--shadow-lg:0 20px 60px #0f172a1f;--shadow-xl:0 30px 80px #0f172a2e;--shadow-primary:0 10px 25px #2563eb40}.btn{cursor:pointer;will-change:transform;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,background-color .3s,color .3s,border-color .3s!important}.btn svg{font-size:1rem;transition:transform .3s}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)scale(.97)}.btn:disabled{opacity:.6;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 6px 18px #2563eb4d}.btn-primary:hover{background:var(--primary-dark);color:#fff;box-shadow:0 12px 30px #2563eb6b}.btn-primary:active{box-shadow:0 6px 16px #2563eb4d}.btn-secondary{background:var(--card);color:var(--text);border-color:var(--border);box-shadow:0 4px 14px #0206171f}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 12px 28px #2563eb2e}.btn-secondary:active{box-shadow:0 6px 16px #2563eb24}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff;box-shadow:0 12px 28px #2563eb4d}.btn-outline:active{box-shadow:0 6px 16px #2563eb3d}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{color:var(--primary);background:#2563eb14}.btn-ghost:active{transform:scale(.97)}.btn-block{width:100%}@media (width<=576px){.btn{width:100%}}.project-page{background:var(--bg);min-height:100vh;color:var(--text);padding:3rem 0 4rem}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.project-page a{color:inherit;text-decoration:none}.project-page img{max-width:100%;height:auto;display:block}.project-page h1,.project-page h2,.project-page p,.project-page figure,.project-page ul{margin:0}.project-page ul{padding:0;list-style:none}.project-page section{margin-top:2.5rem;padding:0}.project-page-main{max-width:860px;margin:0 auto}.project-page-header{margin-bottom:2rem}.project-page-back{color:var(--muted);margin-bottom:1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.project-page-back:hover{color:var(--primary)}.project-page-category{color:var(--secondary);text-transform:uppercase;letter-spacing:.04em;background:#7c3aed26;border-radius:999px;margin-bottom:.9rem;padding:.35rem .85rem;font-size:.72rem;font-weight:700;display:inline-block}.project-page-title{color:var(--text);margin-bottom:1rem;font-size:2.6rem;line-height:1.15}.project-page-summary{color:var(--text-secondary);max-width:65ch;font-size:1.08rem;line-height:1.75}.project-page-figure{border:1px solid var(--glass-border);border-radius:var(--radius,14px);background:var(--surface);margin:0 0 .5rem;overflow:hidden}.project-page-figure img{width:100%;max-width:100%;height:auto}.project-page-section h2{color:var(--text);margin-bottom:1rem;font-size:1.35rem}.project-page-section p{color:var(--text-secondary);line-height:1.8}.project-page-tech{flex-wrap:wrap;gap:.6rem;display:flex}.project-page-tech li{color:var(--primary);background:#2563eb1f;border-radius:999px;padding:.45rem .9rem;font-size:.78rem;font-weight:600}.project-page-highlights li{color:var(--text-secondary);margin-bottom:.85rem;padding-left:1.6rem;line-height:1.75;position:relative}.project-page-highlights li:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:.6em;left:0}.project-page-actions{flex-wrap:wrap;gap:1rem;margin-top:2.75rem;display:flex}.project-page-footer{border-top:1px solid var(--glass-border);margin-top:3rem;padding-top:1.5rem}.project-page-footer a{color:var(--muted);font-size:.9rem;font-weight:600}.project-page-footer a:hover{color:var(--primary)}.project-page-related{flex-wrap:wrap;gap:.75rem;display:flex}.project-page-related-item{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:.2rem;padding:.8rem 1rem;display:flex}.project-page-related-link{color:var(--text);font-weight:600}.project-page-related-link:hover{color:var(--primary)}.project-page-related-category{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}@media (width<=768px){.project-page{padding:2rem 0 3rem}.project-page-title{font-size:2rem}.project-page-summary{font-size:1rem}.project-page-actions .btn{width:100%}}