@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#1f2937;background-color:#f3f4f6;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}h1,h2,h3,h4{margin-top:0}button{cursor:pointer;background:0 0;border:none}:root{--system-bg:#fff;--system-secondary-bg:#f5f5f7;--system-tertiary-bg:#ebebed;--system-text:#1d1d1f;--system-secondary-text:#86868b;--system-tertiary-text:#aeaeb2;--system-blue:#06c;--system-blue-hover:#0077ed;--system-blue-light:#e8f2ff;--system-border:#d2d2d7;--system-border-light:#0000000d;--system-error:#ff3b30;--system-success:#34c759;--system-warning:#ff9500;--radius-2xl:24px;--radius-xl:20px;--radius-lg:14px;--radius-md:10px;--radius-sm:8px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 48px #0000001f;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}body{background-color:var(--system-bg);color:var(--system-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.015em;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.app-container{max-width:1200px;margin:0 auto;padding:0 32px}.glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb8}.card{background:var(--system-bg);border-radius:var(--radius-xl);transition:var(--transition);border:1px solid var(--system-border-light);box-shadow:var(--shadow-sm);padding:2.5rem}.card-hoverable:hover{box-shadow:var(--shadow-md);background:var(--system-bg);transform:translateY(-2px)}.card-hoverable:active{transform:translateY(0)scale(.99)}.btn{cursor:pointer;transition:var(--transition-fast);background-color:var(--system-blue);color:#fff;-webkit-user-select:none;user-select:none;border:none;border-radius:980px;justify-content:center;align-items:center;gap:.6rem;padding:10px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background-color:var(--system-blue-hover);transform:scale(1.02)}.btn:active{opacity:.9;transform:scale(.97)}.btn-secondary{background-color:var(--system-secondary-bg);color:var(--system-text);border:1px solid #0000}.btn-secondary:hover{background-color:var(--system-tertiary-bg);transform:scale(1.02)}.btn-outline{color:var(--system-blue);border:1.5px solid var(--system-blue);background-color:#0000}.btn-danger{color:var(--system-error);background-color:#fff1f0}.btn-danger:hover{background-color:var(--system-error);color:#fff}.input{border-radius:var(--radius-lg);border:1px solid var(--system-border);width:100%;transition:var(--transition-fast);color:var(--system-text);box-sizing:border-box;background-color:#fff;padding:14px 18px;font-family:inherit;font-size:17px}.input:focus{border-color:var(--system-blue);outline:none;box-shadow:0 0 0 4px #0066cc26}h1{letter-spacing:-.04em;margin-bottom:1rem;font-size:48px;font-weight:800;line-height:1.1}h2{letter-spacing:-.03em;font-size:32px;font-weight:700;line-height:1.2}h3{letter-spacing:-.02em;font-size:22px;font-weight:700}.text-muted{color:var(--system-secondary-text)}.badge{background:var(--system-secondary-bg);color:var(--system-secondary-text);text-transform:uppercase;letter-spacing:.05em;border-radius:980px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.filter-bar{background:var(--system-secondary-bg);border:1px solid var(--system-border-light);border-radius:14px;gap:2px;padding:5px;display:inline-flex}.filter-item{cursor:pointer;transition:var(--transition-fast);color:var(--system-secondary-text);border-radius:10px;padding:6px 16px;font-size:14px;font-weight:600}.filter-item.active{color:var(--system-text);background:#fff;box-shadow:0 2px 8px #00000014}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d2d2d7 padding-box content-box;border:2px solid #0000;border-radius:10px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:.6s cubic-bezier(.2,0,0,1) forwards fadeInUp}