@layer base,components,utilities;:root{--align-items-center:center;--color-bg:#fff;--color-fg:#0b1220;--color-muted:#52607a;--color-brand:#cc4a48;--color-success:#4ade80;--color-warning:#f59e0b;--color-error:#cc4a48;--color-info:#3b82f6;--color-transparent:transparent;--border-solid:solid;--border-dotted:dotted;--border-double:double;--border-xm:1px;--border-sm:2px;--border-md:4px;--blur-min:1;--blur-medium:2;--blur-high:3;--blur-extra:4;--blur-max:5;--clamp-content:clamp(220px,25vw,320px);--display-flex:flex;--fontsize-2xs:10px;--fontsize-xs:12px;--fontsize-sm:14px;--fontsize-medium:16px;--fontsize-lg:clamp(18px,5vw,48px);--fontsize-xl:clamp(20px,5vw,48px);--fontsize-2xl:clamp(24px,5vw,48px);--fontsize-3xl:clamp(30px,5vw,48px);--fontsize-4xl:clamp(36px,5vw,48px);--fontsize-5xl:clamp(32px,5vw,48px);--fontweight-thin:100;--fontweight-normal:400;--fontweight-extralight:200;--fontweight-light:300;--fontweight-medium:500;--fontweight-semibold:600;--fontweight-bold:700;--fontweight-extrabold:800;--fontweight-black:900;--height-xm:1px;--height-sm:8px;--height-md:32px;--height-input:38px;--height-lg:42px;--height-xl:62px;--height-2xl:150px;--margin-sm:4px;--margin-md:8px;--margin-lg:12px;--padding-sm:4px;--padding-md:8px;--padding-lg:12px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--space-1:2px;--space-1-5:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-15:60px;--space-20:80px;--shadow-1:0 1px 2px #0000000f;--shadow-2:0 10px 30px #0000001a;--transition-bg:background .2s ease;--transition-all:all .2s ease;--focus-ring:0 0 0 3px #cc4a4840;--z-base:0;--z-dropdown:100;--z-modal:1000;--widht-4xl:100%;--z-drawer:50;--color-brand-dark:#8f2834;--color-excellent:#22c55e;--c-surface:#fff;--c-surface-elevated:#f7f7f7;--c-surface-secondary:#f5f5f5;--c-table-row-alt:#00000005;--c-border:#e0e0e0;--c-brand-subtle:#cc4a4814;--c-brand-border:#cc4a484d;--c-success-subtle:#4ade801a;--c-warning-subtle:#f59e0b1a;--c-info-subtle:#3b82f61a;--c-success-border:#4ade8059;--c-warning-border:#f59e0b59;--c-info-border:#3b82f659;--gradient-brand:linear-gradient(135deg,var(--color-brand)0%,#cc4a48cc 100%);--height-topbar:60px}@media (prefers-color-scheme:dark){:root{--color-bg:#0f1116;--color-fg:#fbfbfb;--color-muted:#b7bcc6;--color-brand:#cc4a48;--color-brand-dark:#8f2834;--color-excellent:#10b981;--color-success:#34d399;--color-warning:#f59e0b;--color-error:#f87171;--color-info:#60a5fa;--c-surface:#161a22;--c-surface-elevated:#1d2330;--c-surface-secondary:#212936;--c-table-row-alt:#ffffff0a;--c-border:#2a3140;--c-brand-subtle:#cc4a4814;--c-brand-border:#cc4a484d;--c-success-subtle:#34d3991f;--c-warning-subtle:#f59e0b1f;--c-info-subtle:#60a5fa1f;--c-success-border:#34d39959;--c-warning-border:#f59e0b59;--c-info-border:#60a5fa59;--shadow-1:0 1px 2px #00000029;--shadow-2:0 10px 30px #0000003d}}:root.light{--color-bg:#fff;--color-fg:#0b1220;--color-muted:#52607a;--color-brand:#cc4a48;--color-brand-dark:#8f2834;--color-excellent:#22c55e;--color-success:#4ade80;--color-warning:#f59e0b;--color-error:#cc4a48;--color-info:#3b82f6;--c-surface:#fff;--c-surface-elevated:#f7f7f7;--c-surface-secondary:#f5f5f5;--c-table-row-alt:#00000005;--c-border:#e0e0e0;--c-brand-subtle:#cc4a4814;--c-brand-border:#cc4a484d;--c-success-subtle:#4ade801a;--c-warning-subtle:#f59e0b1a;--c-info-subtle:#3b82f61a;--c-success-border:#4ade8059;--c-warning-border:#f59e0b59;--c-info-border:#3b82f659;--shadow-1:0 1px 2px #0000000f;--shadow-2:0 10px 30px #0000001a}:root.dark{--color-bg:#0f1116;--color-fg:#fbfbfb;--color-muted:#b7bcc6;--color-brand:#cc4a48;--color-brand-dark:#8f2834;--color-excellent:#10b981;--color-success:#34d399;--color-warning:#f59e0b;--color-error:#f87171;--color-info:#60a5fa;--c-surface:#161a22;--c-surface-elevated:#1d2330;--c-surface-secondary:#212936;--c-table-row-alt:#ffffff0a;--c-border:#2a3140;--c-brand-subtle:#cc4a4814;--c-brand-border:#cc4a484d;--c-success-subtle:#34d3991f;--c-warning-subtle:#f59e0b1f;--c-info-subtle:#60a5fa1f;--c-success-border:#34d39959;--c-warning-border:#f59e0b59;--c-info-border:#60a5fa59;--shadow-1:0 1px 2px #00000029;--shadow-2:0 10px 30px #0000003d}:root{--font-brand:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--c-surface:#fff;--c-surface-elevated:#f7f7f7;--c-surface-secondary:#f5f5f5;--c-border:#e0e0e0;--c-brand-subtle:#cc4a4814;--c-brand-border:#cc4a484d}:root.dark{--c-surface:#161a22;--c-surface-elevated:#1d2330;--c-surface-secondary:#212936;--c-border:#2a3140;--c-brand-subtle:#cc4a4814;--c-brand-border:#cc4a484d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-brand),Montserrat,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--c-surface)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a4860}:root.light ::-webkit-scrollbar-track{background:#f0f0f0}:root.light ::-webkit-scrollbar-thumb{background:silver}:root.light ::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.card-hover:hover{box-shadow:var(--shadow-2)}.catalog-main{box-sizing:border-box;flex:1;width:100%;margin-top:60px;margin-left:0;padding:clamp(24px,4vw,56px)}.catalog-footer{margin-left:0}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.interactive-card{border:1px solid var(--c-border);border-radius:var(--radius-md);background-color:var(--c-surface);cursor:pointer;flex-direction:column;justify-content:space-between;height:100%;padding:32px;transition:all .3s;display:flex}.interactive-card:hover,.interactive-card:focus-within{border-color:var(--color-brand);box-shadow:var(--shadow-2);transform:translateY(-4px)}.interactive-card:focus-visible{outline:2px solid var(--color-brand)}.link-hover:hover,.link-hover:focus-visible{color:var(--color-brand);text-decoration:underline}.filter-button{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid var(--c-border);padding:8px 16px;font-size:14px;transition:all .2s}.filter-button.active{border-width:2px}.filter-button:not(.active):hover{border-color:var(--color-brand);background:var(--color-brand)8}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}