:root{--c-primary:#6366f1;--c-primary-hover:#4f46e5;--c-primary-active:#4338ca;--c-primary-light:#eef2ff;--c-primary-ghost:#6366f112;--c-accent:#06b6d4;--c-success:#10b981;--c-success-light:#ecfdf5;--c-error:#ef4444;--c-error-light:#fef2f2;--c-warning:#f59e0b;--c-warning-light:#fffbeb;--c-bg:#f8fafc;--c-bg-alt:#f1f5f9;--c-surface:#fff;--c-surface-raised:#fff;--c-surface-hover:#f8fafc;--c-border:#e2e8f0;--c-border-light:#f1f5f9;--c-text:#0f172a;--c-text-2:#334155;--c-text-3:#64748b;--c-text-muted:#94a3b8;--c-text-inv:#fff;--f-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--fs-5xl:3.25rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-normal:1.5;--lh-relaxed:1.7;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--s-20:5rem;--s-24:6rem;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--t-fast:.15s var(--ease-out);--t-base:.25s var(--ease-out);--t-slow:.4s var(--ease-out);--max-w:1080px;--header-h:64px}[data-theme=dark]{--c-bg:#0c1222;--c-bg-alt:#111827;--c-surface:#1a2332;--c-surface-raised:#1e293b;--c-surface-hover:#243043;--c-border:#2a3a4e;--c-border-light:#1e293b;--c-text:#f1f5f9;--c-text-2:#cbd5e1;--c-text-3:#94a3b8;--c-text-muted:#64748b;--c-primary-light:#6366f126;--c-primary-ghost:#6366f11a;--c-success-light:#10b98126;--c-error-light:#ef444426;--c-warning-light:#f59e0b26;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--f-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg);min-height:100vh;transition:background-color var(--t-slow), color var(--t-slow);flex-direction:column;display:flex}a{color:var(--c-primary);transition:color var(--t-fast);text-decoration:none}a:hover{color:var(--c-primary-hover)}img{max-width:100%;display:block}h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:var(--fw-bold);color:var(--c-text)}code{font-family:var(--f-mono);background:var(--c-bg-alt);border-radius:var(--r-sm);color:var(--c-primary);padding:.15em .4em;font-size:.9em}pre{font-family:var(--f-mono);font-size:var(--fs-sm);background:var(--c-bg-alt);padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--c-border);line-height:var(--lh-relaxed);overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}::selection{background:var(--c-primary);color:var(--c-text-inv)}.container{width:100%;max-width:var(--max-w);padding:0 var(--s-6);margin:0 auto}.header{z-index:100;height:var(--header-h);-webkit-backdrop-filter:blur(16px)saturate(180%);border-bottom:1px solid var(--c-border);transition:background-color var(--t-slow), border-color var(--t-slow);background:#f8fafccc;position:sticky;top:0}[data-theme=dark] .header{background:#0c1222cc}.header__inner{align-items:center;gap:var(--s-8);height:100%;display:flex}.logo{align-items:center;gap:var(--s-2);font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--c-text);flex-shrink:0;text-decoration:none;display:flex}.logo:hover{color:var(--c-text)}.logo__icon{color:var(--c-primary);font-size:var(--fs-xl)}.nav{align-items:center;gap:var(--s-1);margin-left:auto;display:flex}.nav__link{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-3);transition:color var(--t-fast), background-color var(--t-fast)}.nav__link:hover{color:var(--c-text);background:var(--c-primary-ghost)}.nav__link--active{color:var(--c-primary);background:var(--c-primary-ghost)}.theme-toggle{border:1px solid var(--c-border);border-radius:var(--r-sm);cursor:pointer;width:36px;height:36px;font-size:var(--fs-sm);transition:border-color var(--t-fast), background-color var(--t-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.theme-toggle:hover{background:var(--c-surface-hover);border-color:var(--c-text-muted)}.theme-toggle__icon--dark,[data-theme=dark] .theme-toggle__icon--light{display:none}[data-theme=dark] .theme-toggle__icon--dark{display:inline}.main{padding:var(--s-10) 0 var(--s-16);flex:1}.footer{border-top:1px solid var(--c-border);padding:var(--s-8) 0;transition:border-color var(--t-slow)}.footer__inner{text-align:center;font-size:var(--fs-sm);color:var(--c-text-3)}.footer__inner strong{color:var(--c-text-2)}.footer__links{margin-top:var(--s-2)}.footer__sep{margin:0 var(--s-2);color:var(--c-text-muted)}.view__header{margin-bottom:var(--s-8)}.view__header--center{text-align:center}.view__header--with-actions{justify-content:space-between;align-items:flex-start;gap:var(--s-4);flex-wrap:wrap;display:flex}.view__title{font-size:var(--fs-2xl);margin-bottom:var(--s-2)}.view__subtitle{font-size:var(--fs-base);color:var(--c-text-3);max-width:600px;line-height:var(--lh-relaxed)}.view__actions{gap:var(--s-2);align-items:center;display:flex}.view__back{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-3);margin-bottom:var(--s-4);transition:color var(--t-fast);display:inline-flex}.view__back:hover{color:var(--c-primary)}@media (width<=768px){.header__inner{gap:var(--s-3)}.nav{gap:0}.nav__link{padding:var(--s-2);font-size:var(--fs-xs)}.logo__text{display:none}.main{padding:var(--s-6) 0 var(--s-12)}}.view{animation:viewEnter .38s var(--ease-out) both}@keyframes viewEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);font-family:var(--f-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1.5;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-primary);color:var(--c-text-inv);border-color:var(--c-primary)}.btn--primary:hover:not(:disabled){background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.btn--secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border)}.btn--secondary:hover:not(:disabled){background:var(--c-surface-hover);border-color:var(--c-text-muted)}.btn--ghost{color:var(--c-text-2);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--c-primary-ghost);color:var(--c-primary)}.btn--danger{background:var(--c-error);color:var(--c-text-inv);border-color:var(--c-error)}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--lg{padding:var(--s-3) var(--s-6);font-size:var(--fs-base);border-radius:var(--r-md)}.btn--sm{padding:var(--s-1) var(--s-3);font-size:var(--fs-xs)}.btn--icon{width:40px;height:40px;font-size:var(--fs-xl);border-radius:var(--r-full);padding:0}.feature-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast)}.feature-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card__icon{margin-bottom:var(--s-3);font-size:1.75rem;line-height:1}.feature-card__title{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--s-2)}.feature-card__desc{font-size:var(--fs-sm);color:var(--c-text-3);line-height:var(--lh-relaxed)}.hero{text-align:center;padding:var(--s-16) 0 var(--s-12)}.hero__badge{padding:var(--s-1) var(--s-4);background:var(--c-primary-ghost);color:var(--c-primary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--s-6);display:inline-block}.hero__title{font-size:clamp(var(--fs-3xl), 5vw, var(--fs-5xl));font-weight:var(--fw-bold);margin-bottom:var(--s-6);letter-spacing:-.02em;line-height:1.1}.hero__title .gradient{background:linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{font-size:var(--fs-lg);color:var(--c-text-3);max-width:640px;margin:0 auto var(--s-8);line-height:var(--lh-relaxed)}.hero__actions{gap:var(--s-3);flex-wrap:wrap;justify-content:center;display:flex}.features{padding:var(--s-8) 0}.features__title{text-align:center;font-size:var(--fs-2xl);margin-bottom:var(--s-2)}.features__subtitle{text-align:center;color:var(--c-text-3);margin-bottom:var(--s-8)}.features__grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.tech-stack{text-align:center;padding:var(--s-12) 0 var(--s-4)}.tech-stack h2{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:var(--s-4)}.tech-stack__items{justify-content:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.tech-badge{padding:var(--s-2) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-2);transition:border-color var(--t-fast), color var(--t-fast)}.tech-badge:hover{border-color:var(--c-primary);color:var(--c-primary)}@media (width<=768px){.hero{padding:var(--s-8) 0}.hero__title{font-size:var(--fs-3xl)}.features__grid{grid-template-columns:1fr}}.badge{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--r-full);letter-spacing:.02em;text-transform:uppercase;display:inline-flex}.badge--primary{background:var(--c-primary-light);color:var(--c-primary)}.badge--success{background:var(--c-success-light);color:var(--c-success)}.badge--error{background:var(--c-error-light);color:var(--c-error)}.badge--neutral{background:var(--c-bg-alt);color:var(--c-text-3)}.toast-container{bottom:var(--s-6);right:var(--s-6);z-index:1000;gap:var(--s-2);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed}.toast{padding:var(--s-3) var(--s-5);background:var(--c-text);color:var(--c-bg);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);box-shadow:var(--shadow-lg);pointer-events:auto;transform:translateX(calc(100% + var(--s-8)));opacity:0;transition:transform var(--t-base), opacity var(--t-base)}.toast--visible{opacity:1;transform:translate(0)}.toast--success{background:var(--c-success);color:#fff}.toast--error{background:var(--c-error);color:#fff}@media (width<=768px){.toast-container{left:var(--s-4);right:var(--s-4);bottom:var(--s-4)}}.counter{align-items:center;gap:var(--s-6);padding:var(--s-8) 0;flex-direction:column;display:flex}.counter__display{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--r-full);width:180px;height:180px;box-shadow:var(--shadow-lg);transition:border-color var(--t-fast), box-shadow var(--t-fast);justify-content:center;align-items:center;display:flex}.counter__display:hover{border-color:var(--c-primary)}.counter__value{font-size:var(--fs-5xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--c-primary);transition:transform var(--t-fast)}.counter__controls{align-items:center;gap:var(--s-3);display:flex}.counter__hint{font-size:var(--fs-sm);color:var(--c-text-muted);text-align:center}@media (width<=768px){.counter__display{width:140px;height:140px}.counter__value{font-size:var(--fs-4xl)}}.empty-state,.error-state{text-align:center;padding:var(--s-12) var(--s-4);align-items:center;gap:var(--s-3);flex-direction:column;display:flex}.empty-state__icon,.error-state__icon{font-size:3rem;line-height:1}.empty-state__title,.error-state__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.empty-state__text,.error-state__text{font-size:var(--fs-sm);color:var(--c-text-3);max-width:360px;line-height:var(--lh-relaxed)}.users-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=768px){.users-grid{grid-template-columns:1fr}}.avatar{border-radius:var(--r-full);background:var(--c-primary-light);width:48px;height:48px;color:var(--c-primary);font-weight:var(--fw-bold);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar--lg{width:80px;height:80px;font-size:var(--fs-xl)}.user-card{align-items:flex-start;gap:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5);cursor:pointer;transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);display:flex}.user-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-card__info{flex:1;min-width:0}.user-card__name{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--s-1)}.user-card__email{font-size:var(--fs-sm);color:var(--c-primary);margin-bottom:var(--s-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-card__company{font-size:var(--fs-xs);color:var(--c-text-muted)}.user-card-skeleton{align-items:flex-start;gap:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5);display:flex}.spinner{border:2.5px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner--lg{border-width:3px;width:40px;height:40px}.skeleton{background:linear-gradient(90deg, var(--c-border-light) 0%, var(--c-surface-hover) 40%, var(--c-border-light) 80%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.loading-center{justify-content:center;align-items:center;gap:var(--s-4);padding:var(--s-16) 0;color:var(--c-text-3);font-size:var(--fs-sm);flex-direction:column;display:flex}.user-detail{max-width:640px}.user-detail__header{align-items:center;gap:var(--s-6);margin-bottom:var(--s-8);display:flex}.user-detail__meta{flex:1}.user-detail__name{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--s-1)}.user-detail__username{font-size:var(--fs-sm);color:var(--c-text-muted)}.user-detail__section{margin-bottom:var(--s-6)}.user-detail__section h3{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin-bottom:var(--s-3)}.detail-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.detail-item{background:var(--c-bg-alt);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);transition:background-color var(--t-slow)}.detail-item__label{font-size:var(--fs-xs);color:var(--c-text-muted);margin-bottom:var(--s-1)}.detail-item__value{font-size:var(--fs-sm);font-weight:var(--fw-medium)}@media (width<=768px){.user-detail__header{align-items:flex-start;gap:var(--s-4);flex-direction:column}}.about{max-width:760px}.about h2{font-size:var(--fs-xl);margin-top:var(--s-10);margin-bottom:var(--s-4);padding-bottom:var(--s-2);border-bottom:1px solid var(--c-border)}.about h3{font-size:var(--fs-lg);margin-top:var(--s-6);margin-bottom:var(--s-3)}.about p{color:var(--c-text-2);line-height:var(--lh-relaxed);margin-bottom:var(--s-4)}.about ul,.about ol{color:var(--c-text-2);padding-left:var(--s-6);margin-bottom:var(--s-4);line-height:var(--lh-relaxed)}.about li{margin-bottom:var(--s-2)}.about li strong{color:var(--c-text)}.folder-tree{font-family:var(--f-mono);font-size:var(--fs-sm);line-height:var(--lh-relaxed);padding:var(--s-4) var(--s-5);background:var(--c-bg-alt);border-radius:var(--r-md);border:1px solid var(--c-border);margin-bottom:var(--s-6);white-space:pre;transition:background-color var(--t-slow), border-color var(--t-slow);overflow-x:auto}.not-found{text-align:center;padding:var(--s-20) var(--s-4);align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.not-found__code{font-size:8rem;font-weight:var(--fw-bold);letter-spacing:-.04em;background:linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.not-found__title{font-size:var(--fs-2xl)}.not-found__text{color:var(--c-text-3);max-width:400px;line-height:var(--lh-relaxed)}@media (width<=768px){.not-found__code{font-size:5rem}}