@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-vietnamese-wght-normal-UOJE75FD.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-latin-ext-wght-normal-KWQTIOU2.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url("./media/space-grotesk-latin-wght-normal-LIGEH75C.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{color-scheme:dark;--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #003737;--mat-sys-on-tertiary-container: #00fbfb;--mat-sys-on-tertiary-fixed: #002020;--mat-sys-on-tertiary-fixed-variant: #004f4f;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #00dddd;--mat-sys-tertiary-container: #004f4f;--mat-sys-tertiary-fixed: #00fbfb;--mat-sys-tertiary-fixed-dim: #00dddd;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-large-font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-medium-font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-small-font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Space Grotesk Variable, system-ui, sans-serif;--mat-sys-display-large-font: Space Grotesk Variable, system-ui, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Space Grotesk Variable, system-ui, sans-serif;--mat-sys-display-medium-font: Space Grotesk Variable, system-ui, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Space Grotesk Variable, system-ui, sans-serif;--mat-sys-display-small-font: Space Grotesk Variable, system-ui, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Space Grotesk Variable, system-ui, sans-serif;--mat-sys-headline-large-font: Space Grotesk Variable, system-ui, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Space Grotesk Variable, system-ui, sans-serif;--mat-sys-headline-medium-font: Space Grotesk Variable, system-ui, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Space Grotesk Variable, system-ui, sans-serif;--mat-sys-headline-small-font: Space Grotesk Variable, system-ui, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-large-font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-medium-font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-small-font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Space Grotesk Variable, system-ui, sans-serif;--mat-sys-title-large-font: Space Grotesk Variable, system-ui, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-medium-font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-small-font: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--bg: #0b0c12;--surface: #12131c;--surface-raised: #181a26;--surface-hover: #1f2231;--text: #ecebf5;--text-muted: #9c9cb3;--border: #262838;--border-strong: #343750;--accent: var(--mat-sys-primary);--on-accent: var(--mat-sys-on-primary);--accent-soft: color-mix(in srgb, var(--mat-sys-primary) 16%, transparent);--cyan: var(--mat-sys-tertiary);--gradient: linear-gradient(120deg, #8b7bff 0%, #4fd1e8 100%);--radius: 14px;--shadow: 0 10px 30px rgb(0 0 0 / .45);--font-display: "Space Grotesk Variable", system-ui, sans-serif;--level-below: #ff6b6b;--level-borderline: #ffa94d;--level-minimum: #ffd43b;--level-recommended: #51cf66;--level-unknown: #9c9cb3}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--text);background:radial-gradient(60rem 30rem at 15% -10%,rgba(139,123,255,.16),transparent 60%),radial-gradient(50rem 25rem at 95% 0%,rgba(79,209,232,.1),transparent 60%),var(--bg);background-attachment:fixed;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--cyan);text-underline-offset:3px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;line-height:1.15}h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:0 0 10px}h2{font-size:1.2rem;margin:0 0 12px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--text-muted);font-size:1.05rem;margin:0 0 24px}.muted,.hint{color:var(--text-muted)}.hint{font-size:.85rem;margin:0}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.section-title{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}input[type=text],input[type=search],input[type=number]{width:100%;font:inherit;color:inherit;padding:11px 14px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;transition:border-color .15s}input[type=text]:hover,input[type=search]:hover,input[type=number]:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border-strong))}input[type=text]:focus-visible,input[type=search]:focus-visible,input[type=number]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=radio]{accent-color:var(--accent)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;padding:11px 18px;border-radius:10px;border:0;background:var(--gradient);color:#0b0c12;text-decoration:none;cursor:pointer}button ng-icon,.button ng-icon{font-size:1.2em}button,.button{transition:filter .15s,transform .15s}button:hover,.button:hover{filter:brightness(1.08)}button:active,.button:active{transform:translateY(1px)}button.secondary,.button.secondary{background:transparent;color:var(--text);border:1px solid var(--border-strong)}button.secondary:hover,.button.secondary:hover{background:var(--surface-hover);filter:none}button.link,.button.link{padding:4px 8px;background:none;color:var(--text-muted);font-weight:600;border-radius:6px}button.link:hover,.button.link:hover{color:var(--text);background:var(--surface-hover);filter:none}button:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap;color:var(--level-unknown);background:color-mix(in srgb,currentColor 13%,transparent);border:1px solid color-mix(in srgb,currentColor 40%,transparent)}.badge ng-icon{font-size:1.15em}.badge.big{font-size:1.05rem;padding:8px 16px 8px 12px}.badge[data-level=below]{color:var(--level-below)}.badge[data-level=borderline]{color:var(--level-borderline)}.badge[data-level=minimum]{color:var(--level-minimum)}.badge[data-level=recommended]{color:var(--level-recommended)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:8px;top:-48px;z-index:100}.skip-link:focus{top:8px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}