@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=Barlow:wght@300;400;500;600&display=swap";
:root{--sl-primary:#00d4ff;--sl-primary-dark:#00a8cc;--sl-primary-light:#3df;--sl-secondary:#7c3aed;--sl-secondary-dark:#6027c4;--sl-accent:#10b981;--sl-accent-dark:#0d9268;--sl-warning:#f59e0b;--sl-danger:#ef4444;--sl-bg:#0a0a0f;--sl-surface:#111118;--sl-card:#1a1a24;--sl-card-hover:#1f1f2e;--sl-border:#2a2a3a;--sl-border-light:#353548;--sl-text-1:#f8fafc;--sl-text-2:#94a3b8;--sl-text-3:#64748b;--font-heading:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", "Fira Mono", monospace;--glass-bg:#1a1a2499;--glass-border:#ffffff14;--glass-blur:16px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-glow-cyan:0 0 24px #00d4ff40;--shadow-glow-violet:0 0 24px #7c3aed40;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.4s ease-out;--z-base:10;--z-dropdown:20;--z-sticky:30;--z-modal:50;--z-toast:60}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--sl-bg);color:var(--sl-text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100dvh;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--sl-text-1);font-weight:700;line-height:1.2}a{color:var(--sl-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--sl-primary-light)}a:focus-visible{outline:2px solid var(--sl-primary);outline-offset:3px;border-radius:3px}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}.text-gradient{background:linear-gradient(135deg, var(--sl-primary) 0%, var(--sl-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:linear-gradient(135deg, var(--sl-accent) 0%, var(--sl-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);border-radius:12px}.glass-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-cyan);border-color:#00d4ff33}.sl-card{background:var(--sl-card);border:1px solid var(--sl-border);box-shadow:var(--shadow-sm);transition:background var(--transition-base), border-color var(--transition-base);border-radius:12px}.sl-card:hover{background:var(--sl-card-hover);border-color:var(--sl-border-light)}.glow-cyan{box-shadow:var(--shadow-glow-cyan)}.glow-violet{box-shadow:var(--shadow-glow-violet)}.bg-gradient-brand{background:linear-gradient(135deg, var(--sl-primary) 0%, var(--sl-secondary) 100%)}.bg-gradient-surface{background:linear-gradient(180deg, var(--sl-surface) 0%, var(--sl-bg) 100%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sl-bg)}::-webkit-scrollbar-thumb{background:var(--sl-border);transition:background var(--transition-fast);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sl-border-light)}::selection{color:var(--sl-text-1);background:#00d4ff33}:focus-visible{outline:2px solid var(--sl-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #00d4ff33}50%{box-shadow:0 0 28px #00d4ff80}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in-up{animation:.5s ease-out both fadeInUp}.animate-fade-in{animation:.4s ease-out both fadeIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.skeleton{background:linear-gradient(90deg, var(--sl-card) 0%, var(--sl-border) 50%, var(--sl-card) 100%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.p-button.p-button-primary,.p-button:not(.p-button-outlined):not(.p-button-text):not(.p-button-link){cursor:pointer;background:linear-gradient(135deg, var(--sl-primary) 0%, var(--sl-secondary) 100%)!important;color:#000!important;transition:filter var(--transition-base), transform var(--transition-fast)!important;border:none!important;font-weight:600!important}.p-button.p-button-primary:hover,.p-button:not(.p-button-outlined):not(.p-button-text):not(.p-button-link):hover{filter:brightness(1.1);transform:translateY(-1px)}.p-button.p-button-primary:active,.p-button:not(.p-button-outlined):not(.p-button-text):not(.p-button-link):active{transform:translateY(0)}.p-datatable .p-datatable-thead>tr>th{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;background:var(--sl-surface)!important;color:var(--sl-text-2)!important;border-color:var(--sl-border)!important}.p-datatable .p-datatable-tbody>tr{transition:background var(--transition-fast);background:var(--sl-card)!important;color:var(--sl-text-1)!important;border-color:var(--sl-border)!important}.p-datatable .p-datatable-tbody>tr:hover{background:var(--sl-card-hover)!important}.p-dialog{background:var(--sl-card)!important;border:1px solid var(--sl-border)!important;box-shadow:var(--shadow-lg)!important;border-radius:16px!important}.p-dialog .p-dialog-header{background:var(--sl-surface)!important;color:var(--sl-text-1)!important;border-bottom:1px solid var(--sl-border)!important;border-radius:16px 16px 0 0!important}.p-toast .p-toast-message{background:var(--sl-card)!important;border:1px solid var(--sl-border)!important;color:var(--sl-text-1)!important}.p-toast .p-toast-message.p-toast-message-success{border-left:4px solid var(--sl-accent)!important}.p-toast .p-toast-message.p-toast-message-error{border-left:4px solid var(--sl-danger)!important}.p-inputtext{background:var(--sl-surface)!important;border-color:var(--sl-border)!important;color:var(--sl-text-1)!important;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)!important}.p-inputtext:focus{border-color:var(--sl-primary)!important;box-shadow:0 0 0 2px #00d4ff26!important}.p-inputtext::placeholder{color:var(--sl-text-3)!important}.p-dropdown{background:var(--sl-surface)!important;border-color:var(--sl-border)!important}.p-dropdown-panel{background:var(--sl-card)!important;border:1px solid var(--sl-border)!important}.p-dropdown-item:hover{background:var(--sl-card-hover)!important}.p-progressbar{background:var(--sl-border)!important;border-radius:3px!important;height:6px!important}.p-progressbar .p-progressbar-value{background:linear-gradient(90deg, var(--sl-primary), var(--sl-secondary))!important;border-radius:3px!important}.p-badge{font-family:var(--font-body)!important}.p-chip{background:var(--sl-surface)!important;color:var(--sl-text-2)!important;border:1px solid var(--sl-border)!important}.container-sl{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container-sl{padding:0 16px}}.section{padding:80px 0}.section-sm{padding:48px 0}@media (max-width:768px){.section{padding:56px 0}.section-sm{padding:32px 0}}.score-high{color:var(--sl-accent)}.score-medium{color:var(--sl-warning)}.score-low{color:var(--sl-danger)}.delta-positive{color:var(--sl-accent)}.delta-negative{color:var(--sl-danger)}.delta-neutral{color:var(--sl-text-2)}@layer components{.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass-strong{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(50px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:4px 4px 4px #0000000d,inset 0 1px 1px #ffffff26}.liquid-glass-strong:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff80 0%,#fff3 20%,#fff0 40% 60%,#fff3 80%,#ffffff80 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}