:root{--radius-md: 8px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:var( --radius-md );border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-bg: #f8fafc;--color-bg-card: #fff;--color-text: #1a202c;--color-text-secondary: #4b5563;--color-primary: #5046e5;--color-primary-accent: #6366f1;--color-text-on-primary: #ffffff;--color-text-on-dark: #ffffff;--color-text-light: #ffffff;--color-border: #d4d4d8;--color-shadow: rgba(79, 70, 229, .08);--color-icon-bg: #ffffff;--color-icon: var(--color-primary);--color-icon-border: rgba(0, 0, 0, .12);--color-text-high-contrast: #000000;--color-link-hover: #4338ca;--color-disabled: #9ca3af;--color-btn-github: #24292e;--color-btn-github-hover: #1a1e22;--color-btn-npm: #cb3837;--color-btn-npm-hover: #ab2e2d;--color-btn-gpt: #10a37f;--color-btn-gpt-hover: #0d8c6d;--color-btn-app: #1d4ed8;--color-btn-app-hover: #1e40af;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .2s ease;--transition-base: .3s ease;--color-cta-text: #ffffff;--color-cta-text-secondary: rgba(255, 255, 255, .9);--color-cta-border: transparent;--color-cta-btn-border: white;--card-bg: #fff;--card-radius: var(--radius-lg);--card-shadow: 0 4px 20px var(--color-shadow);--card-border: none;--card-transition: transform var(--transition-fast), box-shadow var(--transition-fast);--card-transform-hover: translateY(-5px);--card-shadow-hover: 0 10px 25px var(--color-shadow)}@media (prefers-color-scheme: dark){:root{--color-bg: #111827;--color-bg-card: #1f2937;--color-text: #f9fafb;--color-text-secondary: #e2e8f0;--color-primary: #a5b4fc;--color-primary-accent: #c7d2fe;--color-text-on-primary: #000000;--color-border: #4b5563;--color-shadow: rgba(149, 157, 255, .16);--color-icon-bg: rgba(55, 65, 81, .9);--color-icon: #c7d2fe;--color-icon-border: rgba(255, 255, 255, .25);--color-link-hover: #ddd6fe;--color-disabled: #9ca3af;--color-text-high-contrast: #ffffff;--card-bg: var( --color-bg-card );--color-btn-app: #1d4ed8;--color-btn-app-hover: #3b82f6;--color-btn-gpt-hover: #34d399;--color-cta-text: #ffffff;--color-cta-text-secondary: rgba(255, 255, 255, .95);--color-cta-border: rgba(255, 255, 255, .2);--color-cta-btn-border: rgba(255, 255, 255, .8)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base);margin:0;min-height:100vh;width:100%}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.content-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--space-lg) var(--space-md)}.heading-xl{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-sm);color:var(--color-text)}.heading-lg{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-sm);color:var(--color-text)}.heading-md{font-size:var(--font-size-xl);font-weight:600;line-height:1.3;margin-bottom:var(--space-sm);color:var(--color-text)}.subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:focus{color:var(--color-primary-accent)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px}button{cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);text-decoration:none;gap:.5rem;position:relative}.btn:focus{outline:none;box-shadow:0 0 0 3px #6366f166}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary, white);font-weight:600;border:none}.btn-primary:hover{background-color:var(--color-link-hover, var(--color-primary-accent));transform:translateY(-1px);box-shadow:0 3px 8px var(--color-shadow);color:var(--color-text-on-primary)}.btn-secondary{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);font-weight:600}.btn-secondary:hover{background-color:#6366f114;transform:translateY(-2px)}.btn-github{background-color:var(--color-btn-github);color:var(--color-text-light);border:none}.btn-github:hover{background-color:var(--color-btn-github-hover);color:var(--color-text-light);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-live{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none}.btn-live:hover{background-color:var(--color-primary-accent);color:var(--color-text-on-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}.btn-npm{background-color:var(--color-btn-npm);color:var(--color-text-light);border:none}.btn-npm:hover{background-color:var(--color-btn-npm-hover);transform:translateY(-2px);box-shadow:0 4px 12px #cb383740}.btn-gpt{background-color:var(--color-btn-gpt);color:var(--color-text-light);border:none}.btn-gpt:hover{background-color:var(--color-btn-gpt-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10a37f40}.btn-mobile,.btn-desktop{background-color:var(--color-btn-app);color:var(--color-text-light);border:none;box-shadow:0 2px 4px #0000001a}.btn-mobile:hover,.btn-desktop:hover{background-color:var(--color-btn-app-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.card{background-color:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:var(--card-border);overflow:hidden;transition:var(--card-transition)}.card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover)}.section{margin-bottom:var(--space-xl)}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);color:var(--color-text);text-align:center}.error-message{text-align:center;padding:var(--space-lg);background:#ef44441a;border-radius:var(--radius-md);color:#ef4444;margin:var(--space-lg) 0}@media (max-width: 1024px){.heading-xl{font-size:var(--font-size-2xl)}.heading-lg{font-size:var(--font-size-xl)}}@media (max-width: 768px){.content-container{padding:var(--space-md) var(--space-sm)}.heading-xl{font-size:var(--font-size-xl)}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.cta-buttons{flex-direction:column;gap:var(--space-sm);max-width:300px;margin:0 auto}}@media (max-width: 480px){.btn{padding:.6rem 1.2rem;font-size:var(--font-size-sm)}}@media (prefers-color-scheme: dark){.filter-btn{background-color:#374151;color:#f3f4f6;font-weight:600}.filter-btn.active{background-color:var(--color-primary);color:#000}.tech-tag{background-color:#a5b4fc33;color:#e2e8f0}.social-links a{background-color:#a5b4fc33}.btn-secondary{border-width:2px}.cta-section{background-color:#4338ca;border-color:#fff3}.cta-section h2{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.cta-section p{color:#fffffff2}.cta-section .btn-primary{color:#000;background-color:#fff;box-shadow:0 4px 8px #00000040}.cta-section .btn-secondary{color:#fff;border-color:#fffc}}.site-header{background-color:#f8fafcd9;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;transition:background-color var(--transition-base);width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (prefers-color-scheme: dark){.site-header{background-color:#0f172acc;box-shadow:0 2px 10px #0003}}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:var(--space-md) var(--space-md)}.logo{text-decoration:none;transition:transform var(--transition-fast)}.logo:hover{transform:scale(1.05)}.logo h1{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0;background:linear-gradient(45deg,var(--color-text),var(--color-primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-nav ul{display:flex;gap:var(--space-lg);list-style:none;margin:0;padding:0}.main-nav a{color:var(--color-text);font-weight:500;transition:color var(--transition-fast);position:relative;padding-bottom:var(--space-xs)}.main-nav a:hover{color:var(--color-primary)}.main-nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.main-nav a:hover:after{width:100%}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-bg-card)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;cursor:pointer;z-index:110}.mobile-menu-toggle .bar{width:100%;height:2px;background-color:var(--color-text);transition:all var(--transition-base)}@media (max-width: 768px){.header-container{padding:var(--space-sm) var(--space-md)}.mobile-menu-toggle{display:flex}.main-nav{position:fixed;top:0;left:0;width:100%;height:100vh;padding-top:var(--header-height, 70px);background-color:transparent;box-shadow:0 4px 6px #0000001a;transform:translateY(-100%);visibility:hidden;opacity:0;transition:all var(--transition-base);z-index:90;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-nav.open{transform:translateY(0);visibility:visible;opacity:1;background-color:var(--color-bg);pointer-events:auto}html.resizing .main-nav{transition:none!important}.main-nav ul{flex-direction:column;padding:var(--space-md);gap:var(--space-xl);align-items:center}.main-nav a{font-size:var(--font-size-lg)}.mobile-menu-toggle.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open .bar:nth-child(2){opacity:0}.mobile-menu-toggle.open .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}@media (max-width: 480px){.header-container{padding:var(--space-sm) var(--space-sm)}.logo h1{font-size:var(--font-size-lg)}}.page-wrapper{width:100%;margin:0 auto;padding:var(--space-md)}.page-width-narrow{max-width:800px}.page-width-default{max-width:1200px}.page-width-wide{max-width:1400px}.page-header{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-xl) 0 var(--space-lg)}.page-title{font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--space-xs);font-weight:700}.page-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:0;max-width:800px;margin-left:auto;margin-right:auto}.page-content{width:100%}@media (max-width: 1024px){.page-title{font-size:var(--font-size-2xl)}.page-subtitle{font-size:var(--font-size-lg)}}@media (max-width: 768px){.page-wrapper{padding:var(--space-md) var(--space-sm)}.page-header{padding:var(--space-lg) 0;margin-bottom:var(--space-xl)}}@media (max-width: 480px){.page-wrapper{padding:var(--space-sm)}.page-title{font-size:var(--font-size-xl)}.page-subtitle{font-size:var(--font-size-md)}.page-header{padding:var(--space-md) 0;margin-bottom:var(--space-lg)}}.project-card{border-radius:var(--card-radius);overflow:hidden;background-color:var(--card-bg);box-shadow:var(--card-shadow);transition:var(--card-transition);height:100%;display:flex;flex-direction:column;position:relative;cursor:pointer}.project-card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover)}.project-card-minimal .project-info{padding:var(--space-md)}.project-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.5}.tech-row+.tech-row{margin-top:6px}.tech-row-tech .tech-tag{padding:.25rem .75rem;background-color:#6366f114;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-decoration:none;transition:all .2s ease}.skill-tag{padding:.25rem .75rem;background-color:color-mix(in srgb,var(--color-primary) 6%,transparent);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:all .2s ease}.skill-tag:hover,.skill-tag:focus{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);outline:none}.skill-tag-more{background-color:color-mix(in srgb,var(--color-primary) 4%,transparent);color:var(--color-text-secondary);border:1px solid var(--color-border)}.project-tech a.tech-tag{text-decoration:none;position:relative;z-index:5}.project-avatar{display:none}@media (max-width: 680px){.project-card{flex-direction:row!important;align-items:stretch;gap:var(--space-md);padding:0}.project-avatar{display:flex;align-items:center;justify-content:center;width:96px;border-radius:0;overflow:hidden;flex-shrink:0;align-self:stretch;border:0;box-shadow:none;background:var(--project-accent, var(--color-primary))}.project-avatar svg{width:36px;height:36px;color:var(--color-text-on-primary, #fff)}.project-image-container,.project-overlay,.project-icon{display:none!important}.project-info{padding:var(--space-md);border-top:0;flex:1 1 auto;min-width:0}.project-title{font-size:var(--font-size-md);margin-bottom:2px}.project-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.project-card:hover{transform:none;box-shadow:var(--card-shadow)}.tech-row+.tech-row{margin-top:4px}}@media (max-width: 550px){.project-card{flex-direction:row!important;align-items:stretch;gap:0;padding:0;min-height:auto;height:auto}.project-avatar{display:flex;align-items:center;justify-content:center;width:64px!important;flex-shrink:0;background:linear-gradient(135deg,var(--project-accent, var(--color-primary)),color-mix(in srgb,var(--project-accent, var(--color-primary)) 85%,black))}.project-avatar svg{width:28px;height:28px;color:#fffffff2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.project-info{padding:12px;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:4px}.project-title{font-size:1rem;font-weight:600;margin-bottom:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-subtitle{font-size:.875rem;line-height:1.35;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--color-text-secondary)}.project-tech{gap:4px;margin-top:auto;padding-top:4px}.tech-row+.tech-row{margin-top:4px}.tech-tag,.skill-tag{padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:12px}.skill-tag{background-color:var(--color-bg-tertiary, rgba(0, 0, 0, .03));border:1px solid var(--color-border)}.tech-tag-more,.skill-tag-more{display:none}.tech-row>*:nth-child(n+3){display:none}.project-card{min-height:80px}@media (hover: none){.project-card:hover{transform:none;box-shadow:var(--card-shadow)}.project-card:active{transform:scale(.98);transition:transform .1s ease}}}@media (max-width: 400px){.project-avatar{width:56px!important}.project-avatar svg{width:24px;height:24px}.project-info{padding:10px;gap:3px}.project-title{font-size:.9375rem;line-height:1.2!important}.project-subtitle{font-size:.8125rem;line-height:1.2!important}.tech-row>*:nth-child(n+2){display:none}}.section-intro{display:none}.project-grid-section{padding:0}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-xl)}.filter-btn{padding:.5rem 1.25rem;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);cursor:pointer;transition:all .2s ease}.filter-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.filter-btn:disabled{opacity:.7;cursor:not-allowed;color:var(--color-disabled, #9ca3af)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary, white);box-shadow:0 3px 8px #6366f140}.project-grid-container{position:relative;height:auto;min-height:200px;transition:opacity .3s ease}.project-grid-container.is-filtering{opacity:.8}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--color-primary);border-radius:50%;animation:animate-spin 1s linear infinite}@keyframes animate-spin{to{transform:rotate(360deg)}}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-xl);min-height:200px;padding:var(--space-sm) 0}.no-projects-container{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;min-height:300px}.project-card{border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-card);box-shadow:0 2px 12px #0000000f,0 0 1px #0000001a;transition:transform .25s ease,box-shadow .25s ease;height:100%;display:flex;flex-direction:column;position:relative}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014,0 2px 5px #0000000d}.project-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.project-image-container{position:relative;overflow:hidden;aspect-ratio:16 / 9;flex-shrink:0}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.project-card:hover .project-image{transform:scale(1.03)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:opacity .3s ease,backdrop-filter .3s ease}.project-overlay span{color:#fff;font-weight:600;padding:.75rem 1.5rem;border:2px solid rgba(255,255,255,.8);border-radius:var(--radius-full);transform:translateY(10px);transition:transform .3s cubic-bezier(.165,.84,.44,1);background:#0003;box-shadow:0 4px 12px #0000001a;letter-spacing:.01em}.project-card:hover .project-overlay{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-card:hover .project-overlay span{transform:translateY(0)}.project-info{padding:var(--space-md) var(--space-lg);flex:1;display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,.03)}.project-title{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--color-text);font-weight:600;line-height:1.3}.project-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.5;font-weight:500}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:auto}.tech-tag{padding:.25rem .75rem;background-color:#6366f11f;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);transition:all .2s ease}.tech-tag-more{background-color:#6366f114;color:var(--color-text-secondary);font-weight:500}.no-projects{text-align:center;padding:var(--space-xl) 0;color:var(--color-text-secondary);font-size:var(--font-size-lg)}.project-icon{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;background-color:var(--color-icon-bg, rgba(255, 255, 255, .9));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-icon, var(--color-primary));z-index:2;border:1px solid var(--color-icon-border, transparent);box-shadow:0 2px 8px var(--color-shadow);transition:transform .2s ease,background-color .3s ease,color .3s ease}.project-card:hover .project-icon{transform:scale(1.1)}.project-icon svg{width:18px;height:18px;stroke-width:2px}.project-cards-container{display:contents;width:100%}.filter-controls.filter-chips{display:flex}.filter-controls-select{display:none}.filter-select{width:100%;max-width:720px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.6rem 2.25rem .6rem .9rem;font-size:var(--font-size-sm);line-height:1.2;background-image:linear-gradient(45deg,transparent 50%,var(--color-text) 50%),linear-gradient(135deg,var(--color-text) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.filter-select:focus{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 20%,transparent)}@media (max-width: 1024px){.project-grid{gap:var(--space-lg)}.project-grid-container{min-height:450px}}@media (max-width: 680px){.project-grid{grid-template-columns:1fr;gap:var(--space-lg)}.filter-controls.filter-chips{display:none}.filter-controls-select{display:block;padding:0 var(--space-md);margin:0 0 var(--space-md)}.filter-controls{margin-bottom:var(--space-lg)}.project-card{flex-direction:row!important;align-items:stretch;gap:var(--space-md);padding:0}.project-avatar{display:flex!important;align-items:center!important;justify-content:center!important;width:96px;border-radius:0;overflow:hidden;flex-shrink:0;align-self:stretch;border:0;box-shadow:none;background:var(--project-accent, var(--color-primary))!important}.project-avatar svg{width:36px;height:36px;color:var(--color-text-on-primary, #fff)}.project-image-container,.project-overlay,.project-icon{display:none!important}.project-info{padding:var(--space-md)!important;border-top:0;flex:1 1 auto;min-width:0}}@media (max-width: 480px){.project-grid{grid-template-columns:1fr}.project-grid-container{min-height:350px}.filter-controls{gap:var(--space-xs);margin-bottom:var(--space-lg)}.filter-btn{padding:.4rem 1rem;font-size:calc(var(--font-size-sm) * .9)}}@media (prefers-color-scheme: dark){.filter-btn{font-weight:600}.tech-tag{background-color:#a5b4fc33;color:var(--color-text)}.tech-tag-more{background-color:#a5b4fc26;color:var(--color-text);opacity:.9}.project-subtitle{font-weight:500}.project-icon{box-shadow:0 2px 8px #0000004d;border:1.5px solid var(--color-icon-border)}}.detail-wrapper{max-width:1200px;margin:0 auto;padding:var(--space-md);--detail-accent-color: var(--color-primary);--detail-accent-transparent: rgba(99, 102, 241, .1)}.detail-hero{margin-bottom:var(--space-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.back-link{display:inline-block;margin-bottom:var(--space-md);color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease,transform .2s ease}.back-link:hover{transform:translate(-3px)}.detail-hero-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);color:var(--color-text);line-height:1.2}.detail-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.4}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.detail-meta-item{display:flex;align-items:center;font-size:var(--font-size-base)}.detail-meta-item:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--detail-accent-color);margin-right:var(--space-xs)}.detail-hero-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 5px 30px var(--color-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.detail-hero-image:hover{transform:scale(1.02);box-shadow:0 8px 40px var(--color-shadow)}.detail-hero-image img{width:100%;height:auto;display:block}.detail-hero-icon{margin-bottom:var(--space-md);width:50px;height:50px;color:var(--detail-accent-color);display:flex;align-items:center;justify-content:center}.detail-hero-icon svg{width:100%;height:100%}.detail-content{margin-bottom:var(--space-2xl)}.detail-content h2{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--color-text);position:relative;padding-bottom:var(--space-xs)}.detail-content h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--detail-accent-color)}.detail-content h2.centered{text-align:center}.detail-content h2.centered:after{left:50%;transform:translate(-50%)}.detail-content p{margin-bottom:var(--space-lg);font-size:var(--font-size-md);line-height:1.8;color:var(--color-text)}.related-section{margin-top:var(--space-2xl)}.chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--detail-accent-transparent, rgba(99, 102, 241, .08));color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.chip:hover,.chip:focus{transform:translateY(-2px);background-color:color-mix(in srgb,var(--detail-accent-color, var(--color-primary)) 12%,transparent);border-color:color-mix(in srgb,var(--detail-accent-color, var(--color-primary)) 28%,var(--color-border));outline:none}.chip-skill{background-color:color-mix(in srgb,var(--detail-accent-color, var(--color-primary)) 8%,transparent)}@media (max-width: 480px){.chip-grid{gap:var(--space-xs)}.chip{padding:.3rem .65rem}}@media (max-width: 1024px){.detail-hero{grid-template-columns:1fr;gap:var(--space-lg)}.detail-hero-content h1{font-size:var(--font-size-2xl)}.detail-subtitle{font-size:var(--font-size-lg)}}@media (max-width: 768px){.detail-meta{flex-direction:column;gap:var(--space-xs)}.detail-hero-content h1{font-size:var(--font-size-xl)}.detail-subtitle{font-size:var(--font-size-md)}}@media (max-width: 480px){.detail-wrapper{padding:var(--space-sm)}.detail-hero-icon{width:40px;height:40px}}@media (prefers-color-scheme: dark){.detail-meta-item:before{opacity:.9}.detail-hero-image{border:1px solid var(--color-border)}}.tech-stack-wrapper{margin:var(--space-lg) 0 var(--space-md)}.stack-heading{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{display:inline-flex;align-items:center;padding:.4rem .75rem;font-size:var(--font-size-sm);border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tech-badge:hover,.tech-badge:focus{background-color:var(--color-primary);border-color:transparent;color:var(--color-text-on-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow);outline:none}.infinite-carousel{position:relative;width:100%;overflow:hidden;display:flex;align-items:center}.carousel-track{display:flex;align-items:center;animation:scroll-left linear infinite}.carousel-track[data-direction=right]{animation-direction:reverse}.carousel-track[data-paused=true]{animation-play-state:paused}.carousel-content{display:flex;align-items:center;gap:var(--space-lg)}.carousel-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:0 calc(var(--space-lg) / 2)}.carousel-content .carousel-item:last-child{padding-right:calc(var(--space-lg) * 1.5)}.carousel-image-wrapper{display:flex;align-items:center;justify-content:center;height:100%}.carousel-item img{max-height:100%;width:auto;height:auto;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.carousel-caption{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;white-space:nowrap;font-weight:500}.carousel-fade-left,.carousel-fade-right{position:absolute;top:0;bottom:0;width:150px;pointer-events:none;z-index:1}.carousel-fade-left{left:0;background:linear-gradient(90deg,var(--color-bg) 0%,var(--color-bg) 20%,transparent 100%)}.carousel-fade-right{right:0;background:linear-gradient(270deg,var(--color-bg) 0%,var(--color-bg) 20%,transparent 100%)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-100% / var(--loop-count, 2)))}}@media (max-width: 768px){.carousel-content{gap:var(--space-md)}.carousel-fade-left,.carousel-fade-right{width:80px}}@media (max-width: 480px){.carousel-content{gap:var(--space-sm)}.carousel-fade-left,.carousel-fade-right{width:50px}.carousel-caption{font-size:var(--font-size-xs)}}@media (prefers-color-scheme: dark){.carousel-fade-left{background:linear-gradient(90deg,var(--color-bg) 0%,var(--color-bg) 25%,transparent 100%)}.carousel-fade-right{background:linear-gradient(270deg,var(--color-bg) 0%,var(--color-bg) 25%,transparent 100%)}}.image-spotlight{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-lg);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 6px 18px var(--color-shadow);padding:var(--space-lg);align-items:stretch;margin-bottom:var(--space-xl)}.spotlight-link-wrapper{display:contents;text-decoration:none;color:inherit}.spotlight-media{display:block;position:relative;overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(0,0,0,.05),transparent);height:100%}.spotlight-media img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .5s cubic-bezier(.165,.84,.44,1);border-radius:var(--radius-md)}.image-spotlight:hover .spotlight-media img,.spotlight-link-wrapper:hover .spotlight-media img{transform:scale(1.02)}.spotlight-info{display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm)}.spotlight-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0}.spotlight-subtitle{color:var(--color-text-secondary);font-weight:500;margin:0 0 var(--space-sm)}.spotlight-actions{margin-top:var(--space-sm)}@media (max-width: 900px){.image-spotlight{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}}.mockup,.carousel-section{margin:var(--space-md) 0}.mockup{display:block}.mockup-frame{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-bg);box-shadow:var(--card-shadow);overflow:hidden}.mockup-desktop .mockup-frame{width:100%}.mockup-mobile .mockup-frame{width:320px;max-width:100%;margin:0 auto}.mockup-topbar{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--color-border)}.carousel-section{margin:var(--space-xl) 0}.carousel-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.carousel-description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-md);max-width:800px}.video{margin:var(--space-md) 0}.video-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-md)}.video-media,.video-embed{width:100%}.video-embed{aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.video-iframe,.video-player{width:100%;height:100%;display:block}.video-player{object-fit:cover}.video-caption{color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) 0}.video-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.video-description{font-size:var(--font-size-base)}.video-credit a{color:var(--color-primary)}.video-credit a:hover,.video-credit a:focus{color:var(--color-primary-accent);text-decoration:underline}@media (max-width: 900px){.video-grid{grid-template-columns:1fr}}.project-links-section{margin:var(--space-lg) 0}.project-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.additional-links{margin-top:var(--space-md)}.additional-links h3{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.resources-list{margin:0;padding:0;list-style:none;display:grid;gap:.25rem}.resources-list a{color:var(--color-primary);text-decoration:none}.resources-list a:hover,.resources-list a:focus{color:var(--color-primary-accent);text-decoration:underline}.project-navigation{margin:var(--space-2xl) 0 var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.project-navigation .section-title{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);text-align:center;color:var(--color-text);position:relative;padding-bottom:var(--space-sm)}.project-navigation .section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.project-nav-container{display:grid;grid-template-columns:1fr;gap:var(--space-md);max-width:500px;margin:0 auto}.nav-card{display:flex;flex-direction:column;background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--color-shadow);border:1px solid var(--color-border);overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease;position:relative;min-height:220px}.nav-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--color-shadow);border-color:var(--color-primary)}.nav-card:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary),0 8px 24px var(--color-shadow)}.nav-card:focus:not(:focus-visible){box-shadow:0 2px 8px var(--color-shadow)}.nav-card:active{transform:translateY(-2px)}.nav-image{width:100%;height:120px;overflow:hidden;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-card) 100%);position:relative;flex-shrink:0}.nav-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.nav-card:hover .nav-image img{transform:scale(1.05)}.nav-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite;z-index:1;opacity:0;transition:opacity .3s}.nav-image.loading:before{opacity:1}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.nav-content{flex:1;padding:var(--space-md) var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);justify-content:center;min-height:100px}.nav-direction{font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.nav-card.prev .nav-direction:before{content:"←";font-size:var(--font-size-sm)}.nav-card.next .nav-direction:after{content:"→";font-size:var(--font-size-sm)}.nav-content h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width: 400px){.nav-card{min-height:240px}.nav-content{padding:var(--space-sm) var(--space-md) var(--space-md)}.nav-content h3{font-size:var(--font-size-sm)}}@media (min-width: 768px){.project-navigation{margin:var(--space-3xl) 0 var(--space-xl)}.project-nav-container{grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:900px}.nav-card{flex-direction:row;height:140px;min-height:140px}.nav-card.next{flex-direction:row-reverse}.nav-image{width:180px;height:100%;flex-shrink:0}.nav-content{padding:var(--space-md) var(--space-lg);min-height:unset;gap:var(--space-2xs)}.nav-card.next .nav-content{text-align:right}.nav-card.next .nav-direction{justify-content:flex-end}.nav-content h3{font-size:var(--font-size-md);-webkit-line-clamp:2;line-height:1.3}.nav-direction{font-size:var(--font-size-2xs)}}@media (min-width: 1024px){.project-nav-container{max-width:1000px}.nav-card{height:160px}.nav-image{width:220px}.nav-content h3{font-size:var(--font-size-lg);-webkit-line-clamp:3}}@media (min-width: 1280px){.project-nav-container{gap:var(--space-xl);max-width:1100px}.nav-image{width:240px}}@media (prefers-color-scheme: dark){.nav-card{background:var(--color-bg-card);border-color:#ffffff1a}.nav-card:hover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-bg-card) 95%,var(--color-primary))}.nav-image{background:linear-gradient(135deg,#0000004d,#0000001a)}}@media (prefers-reduced-motion: reduce){.nav-card,.nav-image img{transition-duration:.01ms}.nav-image:before{animation:none}}@media (prefers-contrast: high){.nav-card{border-width:2px}.nav-card:focus{outline:3px solid currentColor;outline-offset:2px;box-shadow:none}}.project-detail{max-width:1200px;margin:0 auto;padding:var(--space-sm) 0;--project-accent-color: var(--detail-accent-color);--project-accent-transparent: var(--detail-accent-transparent)}.project-hero{margin-bottom:var(--space-2xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}.project-hero-content h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);color:var(--color-text);line-height:1.2}.project-hero-content .project-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.4}.project-meta{display:flex;gap:var(--space-lg);color:var(--color-text-secondary)}.project-date,.project-category{display:flex;align-items:center;font-size:var(--font-size-base)}.project-date:before,.project-category:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);margin-right:var(--space-xs)}.project-hero-image{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 5px 30px var(--color-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-hero-image:hover{transform:scale(1.02);box-shadow:0 8px 40px var(--color-shadow)}.project-hero-image img{width:100%;height:auto;display:block}.project-content{margin-bottom:var(--space-2xl)}.project-description h2{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--color-text);position:relative;padding-bottom:var(--space-xs)}.project-description h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--project-accent-color)}.project-description p{margin-bottom:var(--space-lg);font-size:var(--font-size-md);line-height:1.8;color:var(--color-text)}.project-description h3.stack-heading{font-size:var(--font-size-lg);margin:var(--space-xl) 0 var(--space-md);color:var(--color-text);font-weight:700}.project-description h3.stack-heading+.tech-stack{margin-top:var(--space-sm)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.tech-badge{padding:.5rem 1rem;background-color:var(--project-accent-transparent, rgba(99, 102, 241, .1));border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:500;color:var(--color-text);transition:background-color var(--transition-fast),transform var(--transition-fast)}.tech-badge:hover{background-color:var(--project-accent-transparent, rgba(99, 102, 241, .2));transform:translateY(-2px)}.project-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.project-links-section{margin-bottom:var( --space-3xl )}.loading{display:flex;align-items:center;justify-content:center;height:50vh;font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;flex-direction:column;gap:var(--space-md)}.loading:after{content:"";width:50px;height:50px;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);animation:loader-spin 1s linear infinite;margin-top:var(--space-md)}.loading a.btn{margin-top:var(--space-lg);display:inline-block}@keyframes loader-spin{to{transform:rotate(360deg)}}.project-hero-icon{margin-bottom:var(--space-md);width:50px;height:50px;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.project-hero-icon svg{width:100%;height:100%;stroke-width:1.5px}.project-categories{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.project-category{display:flex;align-items:center;font-size:var(--font-size-base)}.project-category:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);margin-right:var(--space-xs)}.additional-links{margin-top:var(--space-xl)}.additional-links h3{font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--color-text)}.resources-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-md)}.resources-list li{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.resources-list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}.resources-list a{display:block;padding:var(--space-sm) var(--space-md);text-decoration:none;color:var(--color-primary);font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-fast)}.resources-list a:hover,.resources-list a:focus{background-color:#6366f10d}.resources-list a:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.video{margin:var(--space-xl) 0}.video.video-layout .video-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-lg);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 6px 18px var(--color-shadow);padding:var(--space-lg);align-items:start;transition:transform .25s ease,box-shadow .25s ease}.video.video-layout .video-grid:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014,0 2px 5px #0000000d}.video-embed{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent);border-radius:var(--radius-md);overflow:hidden;transition:transform .5s cubic-bezier(.165,.84,.44,1)}.video-grid:hover .video-embed{transform:scale(1.02)}.video-iframe,.video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}.video-caption{display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm)}.video-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0}.video-description{color:var(--color-text-secondary);font-weight:500;margin:0 0 var(--space-sm);line-height:1.5}.video-credit{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.video-credit a{color:var(--color-primary);text-decoration:none}.video-credit a:hover,.video-credit a:focus{text-decoration:underline}.mockup{margin:var(--space-xl) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.mockup-frame{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 6px 18px var(--color-shadow);padding:var(--space-sm);transition:transform .25s ease,box-shadow .25s ease;width:100%}.mockup-frame:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014,0 2px 5px #0000000d}.mockup-frame.desktop{max-width:100%}.mockup-topbar{height:28px;display:flex;align-items:center;gap:8px;padding:0 var(--space-sm);border-bottom:1px solid var(--color-border)}.mockup-topbar span{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.mockup-frame.mobile{width:min(100%,420px);border-radius:32px;padding:12px}.mockup-screen{overflow:hidden;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(0,0,0,.04),transparent)}.mockup-screen img{display:block;width:100%;height:auto}.mockup-caption{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}@media (max-width: 1024px){.video.video-layout .video-grid{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}.project-hero{grid-template-columns:1fr;gap:var(--space-lg)}.project-hero-content h1{font-size:var(--font-size-2xl)}.project-hero-content .project-subtitle{font-size:var(--font-size-lg)}}@media (max-width: 768px){.video{margin:var(--space-lg) 0}.video-title{font-size:var(--font-size-lg)}.project-nav-container{grid-template-columns:1fr;gap:var(--space-md)}.project-hero-content h1{font-size:var(--font-size-xl)}.project-hero-content .project-subtitle{font-size:var(--font-size-md)}.project-meta{flex-direction:column;gap:var(--space-xs)}.project-links{flex-direction:column;gap:var(--space-sm)}.project-links a{width:100%;text-align:center}}.btn-live,.project-links .btn-mobile,.project-links .btn-desktop,.project-links .btn-gpt{background-color:var(--project-accent-color, var(--color-primary));color:#fff}.btn-live:hover,.project-links .btn-mobile:hover,.project-links .btn-desktop:hover,.project-links .btn-gpt:hover{background-color:color-mix(in srgb,var(--project-accent-color, var(--color-primary)) 85%,black);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width: 1024px){.project-hero{grid-template-columns:1fr;gap:var(--space-lg)}.project-hero-content h1{font-size:var(--font-size-2xl)}.project-hero-content .project-subtitle{font-size:var(--font-size-lg)}}@media (max-width: 768px){.project-nav-container{grid-template-columns:1fr;gap:var(--space-md)}.project-hero-content h1{font-size:var(--font-size-xl)}.project-hero-content .project-subtitle{font-size:var(--font-size-md)}.project-meta{flex-direction:column;gap:var(--space-xs)}.project-links{flex-direction:column;gap:var(--space-sm)}.project-links a{width:100%;text-align:center}}@media (max-width: 480px){.nav-image{width:80px}.nav-content{padding:var(--space-sm)}.tech-stack{gap:var(--space-xs)}.tech-badge{padding:.4rem .8rem;font-size:var(--font-size-sm)}}@media (prefers-color-scheme: dark){.tech-badge{background-color:#6366f133;color:var(--color-text)}.tech-badge:hover{background-color:#6366f14d}}.project-description{margin-bottom:var(--space-3xl)}.cta-section{text-align:center;background-color:var(--cta-bg-color, var(--color-primary));color:var(--color-text-on-primary);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);margin:var(--space-xl) auto;max-width:900px;box-shadow:0 4px 20px var(--color-shadow);border:1px solid var(--color-cta-border, transparent)}.cta-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--color-cta-text, white);font-weight:700;position:relative;padding-bottom:var(--space-xs)}.cta-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--color-text-on-primary, white);opacity:.6}.button-icon{display:inline-flex;margin-left:var(--space-xs)}.cta-section .btn-primary{background-color:#fff;color:var(--cta-bg-color, var(--color-primary));border:2px solid white;font-weight:700}@media (max-width: 768px){.cta-buttons{flex-direction:column;gap:var(--space-sm);max-width:300px;margin:0 auto}}@media (prefers-color-scheme: dark){.cta-section{background-color:var(--cta-bg-color, #4338ca);border-color:#fff3}.cta-section h2{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.cta-section p{color:#fffffff2}.cta-section .btn-primary{color:#000;background-color:#fff;box-shadow:0 4px 8px #00000040}.cta-section .btn-secondary{color:#fff;border-color:#fffc}}.about-section{margin-bottom:var(--space-2xl)}.about-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-lg);color:var(--color-text);position:relative;padding-bottom:var(--space-xs);display:inline-block}.about-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--color-primary)}.about-section p{font-size:var(--font-size-md);line-height:1.8;color:var(--color-text);margin-bottom:var(--space-md)}.timeline{position:relative;max-width:800px;margin:0 auto;list-style:none;padding-left:0}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background-color:var(--color-border)}.timeline-item{position:relative;padding-left:60px;margin-bottom:var(--space-xl)}.timeline-marker{position:absolute;left:11px;top:6px;width:20px;height:20px;border-radius:50%;background-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-bg),0 0 0 6px #6366f14d;z-index:1}.timeline-card{background-color:var(--card-bg);border-radius:var(--card-radius);padding:var(--space-md);box-shadow:var(--card-shadow);border:var(--card-border)}.timeline-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);list-style:none;cursor:pointer;position:relative}.timeline-summary::-webkit-details-marker{display:none}.timeline-summary:after{content:"";width:8px;height:8px;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:rotate(45deg);margin-left:var(--space-sm)}.timeline-card[open] .timeline-summary:after{transform:rotate(-135deg)}.timeline-summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.timeline-heading h3{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 var(--space-2xs)}.timeline-institution{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-style:italic}.timeline-details{margin-top:var(--space-sm)}.timeline-skills{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.skills-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-right:var(--space-xs)}.skills-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.timeline-year{display:inline-block;font-size:var(--font-size-sm);font-weight:600;background-color:#6366f11a;color:var(--color-primary);padding:.2rem .7rem;border-radius:var(--radius-full);margin:0}.timeline-card--desktop .timeline-heading{display:flex;flex-direction:column}.timeline-year--above{align-self:flex-start;margin-bottom:var(--space-2xs)}@media (max-width: 768px){.timeline{max-width:100%}.timeline:before,.timeline-marker{display:none}.timeline-item{padding-left:0;margin-bottom:var(--space-md)}.timeline-card{padding:var(--space-sm) var(--space-md);box-shadow:var(--card-shadow)}.timeline-summary{grid-template-columns:1fr auto;align-items:start;gap:var(--space-xs)}.timeline-summary .timeline-year--above{grid-column:1 / -1;margin-bottom:var(--space-2xs)}.timeline-year,.timeline-summary .timeline-year--above{background:#6366f126;background:linear-gradient(90deg,color-mix(in oklab,var(--color-primary) 22%,transparent) 0%,transparent 75%);border-radius:var(--radius-md);border:0;color:var(--color-text)}.timeline-year{font-size:calc(var(--font-size-sm) * .95);padding:.15rem .55rem}.timeline-heading h3{font-size:var(--font-size-base);margin-bottom:var(--space-2xs)}.timeline-institution{font-size:calc(var(--font-size-sm) * .95)}.timeline-details{margin-top:var(--space-sm)}}.interests-content{background-color:var(--card-bg);border-radius:var(--card-radius);padding:var(--space-lg);box-shadow:var(--card-shadow);border:var(--card-border)}.current-learning{margin-top:var(--space-md)}.current-learning h3{font-size:var(--font-size-base);color:var(--color-text);font-weight:600;margin-bottom:var(--space-sm)}.current-learning ul{list-style:none;padding:0}.current-learning li{position:relative;padding-left:1.5rem;margin-bottom:var(--space-xs);color:var(--color-text)}.current-learning li:before{content:"→";color:var(--color-primary);position:absolute;left:0}.cta-section{text-align:center;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-md);margin:var(--space-xl) auto;max-width:900px;box-shadow:0 4px 20px var(--color-shadow);border:1px solid var(--color-cta-border, transparent)}.cta-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-sm);color:var(--color-cta-text, white);font-weight:700}.cta-section p{max-width:600px;margin:0 auto var(--space-lg);color:var(--color-cta-text-secondary, rgba(255, 255, 255, .9));font-weight:500}.cta-buttons{display:flex;justify-content:center;gap:var(--space-md)}.cta-section .btn-secondary{background-color:transparent}.home-page{max-width:100%;overflow-x:hidden}.hero-section{min-height:86vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-md)}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;margin-bottom:var(--space-sm);color:var(--color-text);font-weight:800;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--color-text-secondary);font-weight:600}.hero-description{font-size:var(--font-size-lg);max-width:600px;margin:0 auto var(--space-lg);color:var(--color-text-secondary);line-height:1.6}.hero-cta{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.hero-social{display:flex;gap:var(--space-md);justify-content:center}.hero-social a{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-card);box-shadow:0 4px 6px var(--color-shadow);color:var(--color-primary);transition:all var(--transition-base)}.hero-social a:hover{transform:translateY(-3px);box-shadow:0 6px 12px var(--color-shadow);background-color:var(--color-primary);color:#fff}.hero-social svg{width:20px;height:20px}.section-container{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);text-align:center;position:relative;color:var(--color-text)}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--color-primary);margin:var(--space-sm) auto 0;border-radius:var(--radius-full)}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg)}.expertise-card{background-color:var(--card-bg);padding:var(--space-lg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);transition:var(--card-transition);border:var(--card-border);display:flex;flex-direction:column;overflow:hidden}.expertise-thumb.expertise-thumb--banner{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);margin-bottom:var(--space-md);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px var(--color-border),0 6px 18px #0000001f;transform:translateZ(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .25s ease}.expertise-thumb.expertise-thumb--banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0003 35%,#00000080);pointer-events:none}.expertise-card:hover .expertise-thumb--banner{transform:scale(1.015);filter:saturate(1.02) brightness(.92)}.expertise-card:hover{transform:var(--card-transform-hover);box-shadow:var(--card-shadow-hover)}.expertise-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);color:var(--color-primary)}.expertise-card p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6}.expertise-thumb{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);position:relative}.expertise-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#00000040,#00000026);pointer-events:none}.expertise-thumb img{display:none}.expertise-title{position:absolute;left:var(--space-md);bottom:var(--space-md);margin:0;padding:.4rem .7rem;border-radius:var(--radius-md);color:#fff;background:color-mix(in oklab,#000 45%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:calc(var(--font-size-base) * .95);font-weight:700;line-height:1.1;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.view-all{margin-top:var(--space-xl);text-align:center}.cta-section{margin:var(--space-xl) auto;max-width:1000px;border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;background-color:var(--color-primary);box-shadow:0 10px 25px #00000026;border:1px solid var(--color-cta-border, transparent)}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);color:var(--color-cta-text, white);font-weight:700}.cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--space-lg);color:var(--color-cta-text-secondary, rgba(255, 255, 255, .9));font-weight:500}.cta-buttons{display:flex;gap:var(--space-md);justify-content:center}.cta-section .btn-primary{background-color:#fff;color:var(--color-primary);border:2px solid white;font-weight:700}.cta-section .btn-primary:hover{background-color:#ffffffe6;transform:translateY(-2px)}.cta-section .btn-secondary{background-color:transparent;border:2px solid var(--color-cta-btn-border, white);color:var(--color-cta-text, white);font-weight:600}.cta-section .btn-secondary:hover{background-color:#ffffff26;transform:translateY(-2px)}@media (max-width: 900px){.art-card{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{flex-direction:column;gap:var(--space-sm)}.expertise-grid,.featured-grid{grid-template-columns:1fr;gap:var(--space-md)}.cta-buttons{flex-direction:column;gap:var(--space-sm)}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.expertise-card{padding:var(--space-md)}.expertise-media{margin-bottom:var(--space-sm)}.expertise-poster{aspect-ratio:2 / 1}.expertise-label{padding:.32rem .6rem;font-size:var(--font-size-sm);bottom:-8px}.expertise-card p{font-size:var(--font-size-sm);line-height:1.45;margin-top:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width: 600px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.expertise-card p{-webkit-line-clamp:2}.expertise-media{margin-bottom:var(--space-xs)}.expertise-poster{aspect-ratio:4 / 3;background-position:center top}.expertise-label{padding:.28rem .55rem;font-size:var(--font-size-xs);bottom:-6px}.expertise-card p{font-size:var(--font-size-xs);line-height:1.35;-webkit-line-clamp:1}.expertise-poster{aspect-ratio:1 / 1}.expertise-label{padding:.24rem .5rem;font-size:calc(var(--font-size-xs) * .95);bottom:-4px}}@media (hover: none){.expertise-card:hover{transform:none;box-shadow:var(--card-shadow)}.expertise-card:hover .expertise-poster{transform:none;filter:none}}@media (prefers-color-scheme: dark){.cta-section{background-color:#4338ca;border-color:#fff3}.cta-content h2{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.cta-content p{color:#fffffff2}.cta-section .btn-primary{color:#000;background-color:#fff;box-shadow:0 4px 8px #00000040}.cta-section .btn-secondary{color:#fff;border-color:#fffc}}.expertise-card--media{overflow:hidden}.expertise-media{position:relative;margin-bottom:calc(var(--space-lg) - 6px)}.expertise-poster{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:calc(var(--radius-lg) - 2px);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--color-border);box-shadow:0 8px 18px #0000001f,inset 0 0 0 .5px #ffffff0a;transform:translateZ(0);transition:transform .26s cubic-bezier(.2,.8,.2,1),filter .22s ease;overflow:hidden}.expertise-poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 100% at 50% 0%,#ffffff2e,#fff0 40%),linear-gradient(180deg,#0000000d,#00000073);mix-blend-mode:multiply;pointer-events:none}.expertise-poster.is-placeholder{background-image:radial-gradient(120% 120% at 0% 0%,color-mix(in oklab,var(--color-primary) 24%,transparent),transparent),radial-gradient(120% 120% at 100% 100%,color-mix(in oklab,var(--color-primary-accent, #6475ff) 22%,transparent),transparent),linear-gradient(135deg,color-mix(in oklab,var(--color-bg-card) 92%,var(--color-primary) 8%),var(--color-bg-card))}.expertise-card:hover .expertise-poster{transform:translateY(-2px) scale(1.012);filter:saturate(1.02) brightness(.97)}.expertise-label{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);margin:0;padding:.42rem .8rem;border-radius:999px;color:#fff;font-size:calc(var(--font-size-base) * .95);font-weight:700;line-height:1.05;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(180deg,#ffffff1f,#ffffff05),color-mix(in oklab,#000 55%,transparent);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 18px #00000038,inset 0 0 0 .5px #ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.expertise-card:hover .expertise-label{transform:translate(-50%) translateY(-1px)}.expertise-card .expertise-label{color:#fff!important;margin-bottom:0!important}@media (max-width: 480px){.expertise-label{padding:.35rem .65rem;font-size:var(--font-size-sm);bottom:-8px}}@media (max-width: 600px){.expertise-card{padding:0 var(--space-sm) var(--space-sm)}.expertise-media{margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-sm));width:calc(100% + 2 * var(--space-sm));margin-top:0;margin-bottom:var(--space-xs)}.expertise-poster{aspect-ratio:1 / 1;border-radius:0;border-left:0;border-right:0;background-position:center top}.expertise-label{padding:.24rem .5rem;font-size:calc(var(--font-size-xs));bottom:-6px}.expertise-card p{font-size:var(--font-size-xs);line-height:1.35;margin-top:var(--space-2xs, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.expertise-card>h3:not(.expertise-label){font-size:var(--font-size-sm);margin-bottom:var(--space-2xs, 4px)}}@media (max-width: 768px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}}.contact-page{width:100%}.contact-container{display:flex;flex-direction:column;gap:var(--space-2xl);max-width:800px;margin:0 auto;padding:var(--space-md) 0}.contact-content h2,.social-section h2,.future-plans h2{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--color-text);position:relative;padding-bottom:var(--space-xs)}.contact-content h2:after,.social-section h2:after,.future-plans h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--color-primary)}.contact-content p,.future-plans p{font-size:var(--font-size-lg);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.contact-method{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--color-shadow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.contact-method:hover{transform:translateY(-3px);box-shadow:0 6px 16px var(--color-shadow)}.contact-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#6366f11a;color:var(--color-primary);font-size:var(--font-size-xl);flex-shrink:0}.contact-info h3{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--color-text)}.contact-info a{color:var(--color-primary);text-decoration:none;font-weight:500;font-size:var(--font-size-md);transition:color var(--transition-fast)}.contact-info a:hover{color:var(--color-primary-accent);text-decoration:underline}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.social-link-card{display:flex;align-items:center;padding:var(--space-md);background-color:var(--card-bg);border-radius:var(--card-radius);text-decoration:none;color:var(--color-text);box-shadow:var(--card-shadow);border:var(--card-border);gap:var(--space-md);transition:all var(--transition-fast)}.social-link-card:hover{border-color:var(--color-primary);background-color:color-mix(in srgb,var(--color-bg-card) 95%,var(--color-primary))}.social-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#6366f11a;color:var(--color-primary);flex-shrink:0;transition:all var(--transition-fast)}.social-link-card:hover .social-icon-wrapper{transform:scale(1.1);background-color:#6366f133}.social-link-info{flex:1}.social-link-info h3{font-size:var(--font-size-md);margin-bottom:var(--space-xs);color:var(--color-text);font-weight:600}.social-link-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.loading-message{text-align:center;color:var(--color-text-secondary);grid-column:1 / -1;padding:var(--space-xl);background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.future-plans{padding:var(--space-xl);background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;margin-top:var(--space-xl)}.future-plans h2:after{left:50%;transform:translate(-50%)}@media (max-width: 768px){.contact-container{gap:var(--space-xl)}.social-links-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.contact-content p,.future-plans p{font-size:var(--font-size-md)}}@media (max-width: 480px){.social-links-grid{grid-template-columns:1fr}.contact-method{flex-direction:column;text-align:center;padding:var(--space-lg) var(--space-md)}.contact-icon{margin-bottom:var(--space-sm)}.social-link-card{padding:var(--space-sm)}}@media (prefers-color-scheme: dark){.social-icon-wrapper,.contact-icon{background-color:#a5b4fc26}.social-link-card:hover{background-color:#a5b4fc0d;border-color:var(--color-primary)}.social-link-card:hover .social-icon-wrapper{background-color:#a5b4fc40}}.site-footer{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--space-xl) 0 var(--space-md);width:100%;margin-top:auto;box-shadow:0 -4px 12px #0000000d}.footer-container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.footer-info h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text);letter-spacing:-.01em}.footer-info p{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6}.footer-links h4{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--space-sm);color:var(--color-text)}.social-links{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-xs)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#6366f126;color:var(--color-primary);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:none;outline:none;border:none}.social-links a:hover,.social-links a:focus-visible{background-color:var(--color-primary);color:#fff;transform:translateY(-3px) scale(1.06);box-shadow:0 3px 8px #6366f133}.social-links svg{width:20px;height:20px;display:block}.copyright{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;padding-top:var(--space-md);border-top:1px solid var(--color-border);letter-spacing:.01em}@media (max-width: 900px){.footer-container{padding-inline:var(--space-sm)}.footer-content{gap:var(--space-md)}}@media (max-width: 700px){.footer-content{grid-template-columns:1fr;gap:var(--space-md);text-align:center}.social-links{justify-content:center}}@media (max-width: 480px){.site-footer{padding:var(--space-lg) 0 var(--space-sm)}.footer-content{margin-bottom:var(--space-lg)}}@media (prefers-color-scheme: dark){.site-footer{border-top-color:var(--color-border)}.social-links a{background-color:#a5b4fc40}.footer-info p,.copyright{color:var(--color-text)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;padding:var(--space-lg)}.spinner{margin-bottom:var(--space-md);width:70px;text-align:center;position:relative}.spinner>div{width:16px;height:16px;background-color:var(--color-primary);border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both;margin:0 3px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-container p{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:500;text-align:center;margin-top:var(--space-sm);animation:fadeInOut 1.5s infinite alternate}@keyframes fadeInOut{0%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.loading-container{height:50vh}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:var(--space-xl) var(--space-md);max-width:1000px;margin:0 auto;text-align:center}.not-found-content{margin-bottom:var(--space-xl)}.not-found-title{font-size:6rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--space-sm);text-shadow:0 4px 15px var(--color-shadow)}.not-found-divider{height:4px;width:60px;background-color:var(--color-primary);margin:var(--space-md) auto;border-radius:var(--radius-full)}.not-found-subtitle{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.not-found-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.not-found-button{font-size:var(--font-size-base);padding:.9rem 2rem;font-weight:600;box-shadow:0 4px 12px var(--color-shadow)}.not-found-button:hover{transform:translateY(-3px);box-shadow:0 6px 15px var(--color-shadow)}.not-found-decoration{width:100%;max-width:550px;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:0 8px 30px var(--color-shadow);padding:1px;position:relative;overflow:hidden}.not-found-decoration:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,var(--color-primary) 0%,rgba(255,255,255,0) 40%);opacity:.1;border-radius:var(--radius-lg)}.not-found-code-block{background-color:var(--color-bg-card);border-radius:calc(var(--radius-lg) - 1px);padding:var(--space-lg);font-family:Menlo,Monaco,Courier New,monospace;font-size:var(--font-size-sm);line-height:1.6;text-align:left;color:var(--color-text);overflow-x:auto}.code-line{margin-bottom:var(--space-xs)}.indent{margin-left:var(--space-lg)}.double-indent{margin-left:calc(var(--space-lg) * 2)}.code-keyword{color:var(--color-primary);font-weight:500}.code-variable{color:var(--color-text)}.code-string{color:#10b981}.code-method{color:#3b82f6}.code-error{color:#ef4444}@media (prefers-color-scheme: dark){.not-found-code-block{background-color:#1a1a2e}.code-string{color:#34d399}.code-method{color:#60a5fa}}@media (max-width: 768px){.not-found-title{font-size:4rem}.not-found-subtitle{font-size:var(--font-size-xl)}.not-found-message{font-size:var(--font-size-md)}}@media (max-width: 480px){.not-found-title{font-size:3rem}.not-found-code-block{font-size:calc(var(--font-size-sm) * .9);padding:var(--space-md)}.indent{margin-left:var(--space-md)}.double-indent{margin-left:calc(var(--space-md) * 2)}}