.app-container[data-v-a80c1271]{min-height:100dvh;width:100%}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/static/woff2/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/static/woff2/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/static/woff2/archivo-latin-wdth-normal-DY7AcnAa.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}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only,[is-active~=sr-only]:is(:active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute,[absolute=""]{position:absolute}.fixed{position:fixed}.relative,[relative=""]{position:relative}.sticky{position:sticky}.static,[static=""]{position:static}.inset-0{inset:0}[top~="0"]{top:0}[top~="0.8"]{top:.2rem}.isolate,[isolate=""]{isolation:isolate}.grid,[grid=""]{display:grid}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-12{margin-top:3rem}.block,[block=""]{display:block}.hidden,[hidden=""]{display:none}[size~=md]{width:28rem;height:28rem}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h1,[h1=""]{height:.25rem}.h2,[h2=""],[is-active~=h2]:is(:active){height:.5rem}.h3,[h3=""]{height:.75rem}.max-w-lg{max-width:32rem}.min-h-screen{min-height:100vh}.flex,[flex=""]{display:flex}.inline-flex,[inline-flex=""]{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.group:hover .group-hover\:scale-105{--un-scale-x:1.05;--un-scale-y:1.05;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform,[transform=""]{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.items-center{align-items:center}.justify-center{justify-content:center}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.border{border-width:1px}[-border=""]{border-width:-1px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.px,.px-4,[px=""]{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-8{padding-top:2rem}.text-wrap{text-wrap:wrap}.text-\[150px\]{font-size:150px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-primary{--un-text-opacity:1;color:rgb(212 17 164 / var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-white\/80{color:#fffc}.hover\:text-\[var\(--primary\)\]:hover{color:var(--primary)}.hover\:text-primary:hover{--un-text-opacity:1;color:rgb(212 17 164 / var(--un-text-opacity))}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[-0\.015em\]{letter-spacing:-.015em}.uppercase{text-transform:uppercase}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.underline,[underline=""]{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:solid}[invert=""]{--un-invert:invert(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\@container{container-type:inline-size}@media(min-width:640px){.sm\:flex-row{flex-direction:row}}@media(min-width:768px){.md\:text-\[200px\]{font-size:200px}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-8xl{font-size:6rem;line-height:1}}@font-face{font-family:Smiley Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/static/woff2/SmileySans-Oblique.ttf-K8hpreXB.woff2) format("woff2")}:root{--palette-signal: #d411a4;--palette-signal-deep: #aa0e83;--palette-signal-soft: #e44fc0;--palette-berry-black: #170b14;--palette-berry-black-deep: #10080e;--palette-berry-surface: #24121f;--palette-warm-white: #f7f2f5;--palette-light-canvas: #f4f0f2;--palette-light-surface: #fffafd;--palette-ink: #1c1019;--palette-editorial-acid: #d7ff39;--palette-editorial-paper: #f4eee7;--palette-editorial-ink: #191219;--palette-editorial-night: #211a23;--palette-editorial-stage: #181218;--palette-editorial-backdrop: #171217;--palette-editorial-hover: #241a24;--palette-editorial-overlay: #0b070b;--palette-editorial-black: #100c10;--color-action-primary: var(--palette-signal);--color-action-primary-hover: var(--palette-signal-deep);--color-action-primary-soft: var(--palette-signal-soft);--color-action-on-primary: #fff;--color-focus-ring: var(--palette-signal);--color-selection: var(--palette-signal);--color-selection-text: #fff;--color-static-white: #fff;--color-overlay-strong: rgb(0 0 0 / 60%);--color-overlay-soft: rgb(0 0 0 / 20%);--color-feedback-success: #86efac;--color-feedback-success-soft: rgb(34 197 94 / 20%);--color-feedback-success-border: rgb(34 197 94 / 30%);--color-feedback-warning: #fde047;--color-feedback-warning-soft: rgb(234 179 8 / 20%);--color-feedback-warning-border: rgb(234 179 8 / 30%);--color-feedback-error: #fca5a5;--color-feedback-error-soft: rgb(239 68 68 / 20%);--color-feedback-error-border: rgb(239 68 68 / 30%);--color-feedback-info: #93c5fd;--color-feedback-info-soft: rgb(59 130 246 / 20%);--color-feedback-info-border: rgb(59 130 246 / 30%);--font-display: "Archivo Variable", "Arial Narrow", sans-serif;--font-cjk: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif;--font-display-cjk: var(--font-cjk);--font-poster-cjk: "Smiley Sans", var(--font-cjk);--font-catalog-title: "Archivo Variable", var(--font-cjk);--font-body: var(--font-cjk);--type-display: clamp(3.4rem, 6vw, 7.2rem);--type-section: clamp(2.6rem, 4.6vw, 5.6rem);--type-statement: clamp(1.5rem, 2.4vw, 2.5rem);--type-card: clamp(1.15rem, 1.65vw, 1.85rem);--type-subheading: 1.3rem;--type-body-large: clamp(1rem, 1.05vw, 1.18rem);--type-body: 1rem;--type-label: .875rem;--type-meta: .75rem;--leading-display: .94;--leading-heading: 1.08;--leading-body: 1.72;--tracking-display: -.035em;--tracking-label: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-copy-tight: .55rem;--space-copy: var(--space-4);--space-section: clamp(5rem, 9vw, 10rem);--control-height-compact: 2.75rem;--control-height-default: 3rem;--control-height-prominent: 3.25rem;--control-height-small: 2.25rem;--control-height-large: 3.5rem;--control-inline-padding: 1.25rem;--radius-sm: .25rem;--radius-default: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--duration-instant: 1ms;--duration-fast: .15s;--duration-normal: .3s;--duration-emphasis: .4s;--duration-slow: .5s;--duration-media: .62s;--duration-reveal: .7s;--duration-parallax: .8s;--duration-skeleton-fast: 1.2s;--duration-skeleton: 1.4s;--duration-loop-pulse: 2s;--ease-standard: ease;--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-skeleton: ease-in-out;--ease-linear: linear;--transition-fast: var(--duration-fast) var(--ease-standard);--transition-normal: var(--duration-normal) var(--ease-standard);--transition-slow: var(--duration-slow) var(--ease-standard);--layer-base: 0;--layer-raised: 10;--layer-header: 40;--layer-drawer: 50;--layer-overlay: 80;--layer-dialog: 90;--layer-toast: 100;--focus-outline: 2px solid var(--color-focus-ring);--focus-offset: 4px;--focus-shadow: 0 0 0 3px var(--primary-alpha-20);--filter-text-on-image: drop-shadow(0 4px 6px rgb(0 0 0 / 30%));--filter-text-on-image-compact: drop-shadow(0 2px 4px rgb(0 0 0 / 30%));--filter-text-on-image-meta: drop-shadow(0 1px 2px rgb(0 0 0 / 30%));--elevation-floating: 0 12px 32px rgb(35 9 28 / 22%);--elevation-floating-hover: 0 16px 40px rgb(35 9 28 / 28%);--elevation-overlay: 0 24px 56px rgb(35 9 28 / 34%);--elevation-card: 0 12px 24px rgb(0 0 0 / 15%);--elevation-card-light: 0 4px 20px rgb(0 0 0 / 8%);--elevation-card-light-hover: 0 8px 30px rgb(0 0 0 / 12%);--primary: var(--color-action-primary);--primary-dark: var(--color-action-primary-hover);--primary-light: var(--color-action-primary-soft);--primary-alpha-20: rgb(212 17 164 / 20%);--primary-alpha-30: rgb(212 17 164 / 30%);--primary-alpha-40: rgb(212 17 164 / 40%);--shadow-glow: var(--elevation-floating);--shadow-glow-hover: var(--elevation-floating-hover);--shadow-glow-strong: var(--elevation-overlay)}.dark{--color-signal-text: var(--palette-signal-soft);--color-canvas: var(--palette-berry-black);--color-canvas-subtle: var(--palette-berry-black-deep);--color-surface: var(--palette-berry-surface);--color-surface-raised: #35202f;--color-header: rgb(23 11 20 / 90%);--color-text-primary: var(--palette-warm-white);--color-text-secondary: #d8cbd3;--color-text-muted: #b89eae;--color-text-subtle: #9f8796;--color-border: rgb(255 255 255 / 10%);--color-border-subtle: rgb(255 255 255 / 5%);--color-interactive-border: rgb(212 17 164 / 30%);--color-hero-start: rgb(34 16 29 / 30%);--color-hero-end: rgb(34 16 29 / 80%);--signal-text: var(--color-signal-text);--background: var(--color-canvas);--background-secondary: var(--color-canvas-subtle);--surface: var(--color-surface);--surface-highlight: var(--color-surface-raised);--header-bg: var(--color-header);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-light: var(--color-text-subtle);--border: var(--color-border);--border-light: var(--color-border-subtle);--overlay: var(--color-overlay-strong);--overlay-light: var(--color-overlay-soft);--card-hover-border: var(--color-interactive-border);--hero-gradient-start: var(--color-hero-start);--hero-gradient-end: var(--color-hero-end)}.light{--color-signal-text: var(--palette-signal-deep);--color-canvas: var(--palette-light-canvas);--color-canvas-subtle: var(--palette-light-surface);--color-surface: var(--palette-light-surface);--color-surface-raised: #eadfe6;--color-header: rgb(244 240 242 / 92%);--color-text-primary: var(--palette-ink);--color-text-secondary: #53454e;--color-text-muted: #75636e;--color-text-subtle: #75636e;--color-border: rgb(0 0 0 / 8%);--color-border-subtle: rgb(0 0 0 / 4%);--color-interactive-border: rgb(212 17 164 / 40%);--color-hero-start: rgb(250 248 250 / 20%);--color-hero-end: rgb(250 248 250 / 85%);--color-overlay-strong: rgb(0 0 0 / 40%);--color-overlay-soft: rgb(0 0 0 / 10%);--elevation-floating: 0 12px 30px rgb(83 45 72 / 12%);--elevation-floating-hover: 0 16px 38px rgb(83 45 72 / 18%);--elevation-overlay: 0 24px 52px rgb(83 45 72 / 22%);--signal-text: var(--color-signal-text);--background: var(--color-canvas);--background-secondary: var(--color-canvas-subtle);--surface: var(--color-surface);--surface-highlight: var(--color-surface-raised);--header-bg: var(--color-header);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-light: var(--color-text-subtle);--border: var(--color-border);--border-light: var(--color-border-subtle);--overlay: var(--color-overlay-strong);--overlay-light: var(--color-overlay-soft);--card-hover-border: var(--color-interactive-border);--hero-gradient-start: var(--color-hero-start);--hero-gradient-end: var(--color-hero-end);--shadow-glow: var(--elevation-floating);--shadow-glow-hover: var(--elevation-floating-hover);--shadow-glow-strong: var(--elevation-overlay)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: var(--duration-instant);--duration-normal: var(--duration-instant);--duration-emphasis: var(--duration-instant);--duration-slow: var(--duration-instant);--duration-media: var(--duration-instant);--duration-reveal: var(--duration-instant);--duration-parallax: var(--duration-instant);--duration-skeleton-fast: var(--duration-instant);--duration-skeleton: var(--duration-instant);--duration-loop-pulse: var(--duration-instant)}}.ui-action{min-height:var(--control-height-default);padding-inline:var(--control-inline-padding);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-default);font-size:var(--type-body);font-weight:750;line-height:1;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.ui-action--compact{min-height:var(--control-height-small);padding-inline:var(--space-4);font-size:var(--type-label)}.ui-action--prominent{min-height:var(--control-height-prominent);font-weight:800}.ui-action--large{min-height:var(--control-height-large);padding-inline:var(--space-6);font-size:var(--type-body-large)}.ui-action--block{width:100%}.ui-action--pill{border-radius:var(--radius-full)}.ui-action--primary{color:var(--color-action-on-primary);background:var(--color-action-primary)}.ui-action--primary:hover{color:var(--color-action-on-primary);background:var(--color-action-primary-hover);transform:translateY(-2px)}.ui-action--secondary{color:var(--color-text-primary);background:var(--color-surface-raised)}.ui-action--secondary:hover{color:var(--color-action-primary);background:var(--color-surface);transform:translateY(-1px)}.ui-action--outline,.ui-action--ghost{color:var(--color-text-primary);background:transparent}.ui-action--outline{border-color:var(--color-border)}.ui-action--outline:hover,.ui-action--ghost:hover{color:var(--color-action-primary);border-color:var(--color-action-primary)}.ui-action:active{transform:scale(.98)}.ui-action:disabled,.ui-action[aria-disabled=true]{opacity:.42;cursor:not-allowed;pointer-events:none}.ui-icon-button{width:var(--control-height-default);height:var(--control-height-default);display:inline-grid;place-items:center;flex:0 0 auto;color:var(--color-text-primary);background:var(--color-surface-raised);border:1px solid transparent;border-radius:var(--radius-default);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.ui-icon-button--compact{width:var(--space-6);height:var(--space-6)}.ui-icon-button--large{width:var(--control-height-large);height:var(--control-height-large)}.ui-icon-button--primary{color:var(--color-action-on-primary);background:var(--color-action-primary)}.ui-icon-button--ghost{color:var(--color-text-secondary);background:transparent}.ui-icon-button:hover{color:var(--color-action-primary);border-color:var(--color-action-primary)}.ui-icon-button--primary:hover{color:var(--color-action-on-primary);background:var(--color-action-primary-hover)}.ui-icon-button:active{transform:scale(.96)}.ui-chip{min-height:var(--control-height-compact);padding-inline:var(--space-4);display:inline-flex;align-items:center;flex:0 0 auto;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--type-body);font-weight:650;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.ui-chip:hover{border-color:var(--color-interactive-border)}.ui-chip:active{transform:scale(.97)}.ui-chip[aria-pressed=true]{color:var(--color-action-on-primary);background:var(--color-action-primary);border-color:var(--color-action-primary)}.ui-search{min-height:var(--control-height-default);padding-left:var(--space-4);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);color:var(--color-text-subtle);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-default)}.ui-search:focus-within{outline:var(--focus-outline);outline-offset:var(--focus-offset)}.ui-search input{width:100%;min-width:0;color:var(--color-text-primary);background:transparent;border:0;outline:0}.ui-search input::placeholder{color:var(--color-text-subtle);opacity:1}.ui-search .ui-action{align-self:stretch;min-height:auto;border-radius:0 var(--radius-default) var(--radius-default) 0}.ui-state-panel{display:flex;flex-direction:column;justify-content:center;color:var(--color-text-secondary)}.ui-state-panel--center{align-items:center;text-align:center}.ui-state-panel__actions{margin-top:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){.ui-action:hover,.ui-action:active,.ui-icon-button:hover,.ui-icon-button:active,.ui-chip:active{transform:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-body);line-break:strict;line-height:1.5;overflow-x:hidden;background-color:var(--background);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}.catalog-title{display:-webkit-box;overflow:hidden;font-family:var(--font-catalog-title);overflow-wrap:break-word;word-break:normal;text-wrap:pretty;-webkit-box-orient:vertical;-webkit-line-clamp:2}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{font-family:var(--font-display-cjk);text-wrap:balance;overflow-wrap:break-word;word-break:normal}@supports (word-break: auto-phrase){p,h1,h2,h3,h4,h5,h6{word-break:auto-phrase}}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:var(--layer-dialog);min-height:var(--control-height-default);padding-inline:var(--space-4);display:inline-flex;align-items:center;color:var(--color-action-on-primary);background:var(--color-action-primary);border-radius:var(--radius-default);font-weight:750;transform:translateY(calc(-100% - var(--space-4)));transition:transform var(--transition-fast)}.skip-link:focus-visible{color:var(--color-action-on-primary);transform:translateY(0)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}button{font-family:inherit;cursor:pointer;border:none;background:transparent;padding:0}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}::selection{background-color:var(--primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:var(--surface-highlight) var(--background)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fade-in-up var(--duration-media) ease-out forwards}.animate-fade-in{animation:fade-in var(--duration-emphasis) ease-out forwards}.animate-scale-in{animation:scale-in var(--duration-normal) ease-out forwards}.animate-pulse{animation:pulse var(--duration-loop-pulse) cubic-bezier(.4,0,.6,1) infinite}.gradient-text{color:var(--primary)}.hero-content-center{position:relative;z-index:var(--layer-raised);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:2rem 1rem}.hero-content-left{position:relative;z-index:var(--layer-raised);display:flex;flex-direction:column;justify-content:center;height:100%;min-height:500px;padding:2rem 1rem;max-width:42rem}@media(min-width:768px){.hero-content-left{padding:4rem}}.hero-tag{color:var(--primary);font-size:.875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem}@media(min-width:768px){.hero-tag{font-size:1rem}}.hero-title-xl{color:var(--text-primary);font-size:3rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem}@media(min-width:768px){.hero-title-xl{font-size:4.5rem}}@media(min-width:1024px){.hero-title-xl{font-size:6rem}}.hero-title-shadow{color:#fff;font-size:2.5rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;filter:var(--filter-text-on-image);margin-bottom:1rem}@media(min-width:768px){.hero-title-shadow{font-size:3.75rem}}@media(min-width:1024px){.hero-title-shadow{font-size:4.5rem}}.hero-description{color:var(--text-secondary);font-size:1.125rem;line-height:1.625;max-width:42rem;margin:0 auto 2rem}@media(min-width:768px){.hero-description{font-size:1.25rem}}.hero-description-light{color:color-mix(in srgb,var(--color-static-white) 90%,transparent);font-size:1rem;line-height:1.625;max-width:36rem;margin-bottom:2rem;text-align:left}@media(min-width:768px){.hero-description-light{font-size:1.125rem}}.hero-subtitle-light{color:color-mix(in srgb,var(--color-static-white) 80%,transparent);font-size:1.125rem;font-weight:500;margin-bottom:1rem;text-align:left}@media(min-width:768px){.hero-subtitle-light{font-size:1.25rem}}.hero-actions{margin-top:1rem;display:flex;justify-content:flex-start;gap:1rem}.stats-bar{display:flex;justify-content:center;gap:3rem;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;max-width:48rem;margin:0 auto}.stats-bar-left{display:flex;justify-content:flex-start;gap:2rem;padding:1.5rem 0;width:100%}@media(min-width:768px){.stats-bar-left{gap:3rem;padding:2rem 0}}.stat-item{text-align:left}.stat-number-light{font-size:1.875rem;font-weight:700;color:#fff;filter:var(--filter-text-on-image-compact)}@media(min-width:768px){.stat-number-light{font-size:2.25rem}}.stat-number{font-size:1.875rem;font-weight:700;color:var(--text-primary)}@media(min-width:768px){.stat-number{font-size:2.25rem}}.stat-label-light{font-size:.875rem;color:color-mix(in srgb,var(--color-static-white) 70%,transparent);margin-top:.25rem;filter:var(--filter-text-on-image-meta)}.stat-label{font-size:.875rem;color:var(--text-light);margin-top:.25rem}.glow-primary{box-shadow:var(--shadow-glow)}.glow-primary:hover{box-shadow:var(--shadow-glow-hover)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.theme-transition,.theme-transition *,.theme-transition *:before,.theme-transition *:after{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),fill var(--transition-normal),stroke var(--transition-normal),box-shadow var(--transition-normal)!important}.theme-toggle-icon{transition:transform var(--transition-slow)}.dark .theme-toggle-icon{transform:rotate(0)}.light .theme-toggle-icon{transform:rotate(180deg)}.bg-background{background-color:var(--background)}.bg-background-secondary{background-color:var(--background-secondary)}.bg-surface{background-color:var(--surface)}.bg-surface-highlight{background-color:var(--surface-highlight)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-text-muted{color:var(--text-muted)}.text-text-light{color:var(--text-light)}.border-border{border-color:var(--border)}.border-border-light{border-color:var(--border-light)}.light .hero-overlay{background:linear-gradient(to bottom,var(--hero-gradient-start),var(--hero-gradient-end))}.light .card-shadow{box-shadow:var(--elevation-card-light)}.light .card-shadow:hover{box-shadow:var(--elevation-card-light-hover)}.light input,.light textarea{background-color:var(--surface);border-color:var(--border)}.light input:focus,.light textarea:focus{border-color:var(--primary);box-shadow:var(--focus-shadow)}.section-wrapper{position:relative;width:100%;padding-top:1rem;display:flex;justify-content:center}.section-container{display:flex;flex-direction:column;max-width:1440px;width:100%}.section-container-narrow{display:flex;flex-direction:column;max-width:1200px;width:100%;gap:3rem;align-items:center}.section-wrapper.section-bg{background-color:var(--background);padding:3rem 0}.section-wrapper.section-surface{background:var(--surface);padding:3rem 0}.section-wrapper.section-divider{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-wrapper.section-divider-top{padding-top:2.5rem}.section-wrapper.section-pb{padding-bottom:5rem}.section-wrapper.section-hero{padding:3rem 1rem}.section-wrapper.section-content{padding:2rem 1rem 5rem}@media(min-width:768px){.section-wrapper{padding-top:3rem}.section-wrapper.section-bg,.section-wrapper.section-surface{padding:3rem 0}.section-wrapper.section-divider-top{padding-top:2.5rem}.section-wrapper.section-hero{padding:3rem 2.5rem}.section-wrapper.section-content{padding:2rem 2.5rem 5rem}.section-container-narrow{flex-direction:row;gap:5rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:3rem;padding:0 2rem;border-radius:var(--radius-default);background:var(--primary);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.025em;border:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-glow-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary-glow{display:inline-flex;align-items:center;justify-content:center;height:3rem;padding:0 2rem;border-radius:var(--radius-default);background:var(--primary);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.025em;border:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--elevation-floating)}.btn-primary-glow:hover{background:var(--color-action-primary-hover);box-shadow:var(--elevation-floating-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:3rem;padding:0 2rem;border-radius:var(--radius-default);background:var(--surface-highlight);color:var(--text-primary);font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--surface);transform:translateY(-1px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-default);border:1px solid var(--border);background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-default);background:var(--surface-highlight);color:var(--text-primary);border:none;cursor:pointer;transition:all var(--transition-normal)}.btn-icon:hover{background:var(--surface);transform:translateY(-1px)}.btn-icon-glass{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-default);border:1px solid color-mix(in srgb,var(--color-static-white) 20%,transparent);background:color-mix(in srgb,var(--color-static-white) 5%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-static-white);cursor:pointer;transition:all var(--transition-normal)}.btn-icon-glass:hover{background:color-mix(in srgb,var(--color-static-white) 10%,transparent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--elevation-card);border-color:var(--card-hover-border)}.card-content{padding:1rem}@media(min-width:768px){.card-content{padding:1.5rem}}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.card-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.grid-responsive{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-responsive{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.grid-3{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.heading-1{font-size:3rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}@media(min-width:768px){.heading-1{font-size:4.5rem}}@media(min-width:1024px){.heading-1{font-size:6rem}}.heading-2{font-size:2.25rem;font-weight:900;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}@media(min-width:768px){.heading-2{font-size:3rem}}.heading-3{font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--text-primary)}@media(min-width:768px){.heading-3{font-size:1.875rem}}.text-body{font-size:1rem;line-height:1.625;color:var(--text-secondary)}.text-body-large{font-size:1.125rem;line-height:1.625;color:var(--text-secondary)}@media(min-width:768px){.text-body-large{font-size:1.25rem}}.text-small{font-size:.875rem;line-height:1.5;color:var(--text-light)}.link-arrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:700;font-size:1rem;transition:gap var(--transition-normal);cursor:pointer}.link-arrow:hover{gap:.75rem}.link-arrow svg{font-size:1rem;transition:transform var(--transition-normal)}.link-arrow:hover svg{transform:translate(.25rem)}.link-arrow-animated{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:700;font-size:1.125rem;transition:gap var(--transition-normal);cursor:pointer}.link-arrow-animated:hover{gap:.75rem}.link-arrow-animated svg{font-size:.875rem;transition:transform var(--transition-normal)}.link-arrow-animated:hover svg{transform:translate(.25rem)}.loading-spinner{width:3rem;height:3rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin var(--duration-parallax) var(--ease-linear) infinite}.loading-spinner-small{width:1.25rem;height:1.25rem;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin var(--duration-parallax) var(--ease-linear) infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1rem}.loading-state p{color:var(--text-secondary);font-size:.875rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary);color:var(--color-action-on-primary)}.badge-success{background:var(--color-feedback-success-soft);color:var(--color-feedback-success);border:1px solid var(--color-feedback-success-border)}.badge-warning{background:var(--color-feedback-warning-soft);color:var(--color-feedback-warning);border:1px solid var(--color-feedback-warning-border)}.badge-error{background:var(--color-feedback-error-soft);color:var(--color-feedback-error);border:1px solid var(--color-feedback-error-border)}.badge-info{background:var(--color-feedback-info-soft);color:var(--color-feedback-info);border:1px solid var(--color-feedback-info-border)}.badge-outline{background:transparent;color:var(--text-light);border:1px solid var(--border);font-size:.625rem;letter-spacing:.1em}.quote-container{max-width:960px;margin:0 auto;padding:4rem 1rem;text-align:center}@media(min-width:768px){.quote-container{padding:6rem 2.5rem}}.quote-icon{font-size:2.5rem;color:var(--primary);opacity:.5;margin-bottom:1.5rem}.quote-text{font-size:1.5rem;font-weight:300;line-height:1.375;color:var(--text-primary);margin-bottom:2rem}@media(min-width:768px){.quote-text{font-size:2.25rem}}@media(min-width:1024px){.quote-text{font-size:3rem}}.quote-author{display:flex;align-items:center;justify-content:center;gap:.75rem}.author-line{height:1px;width:3rem;background:var(--border)}.author-name{font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}:focus:not(:focus-visible){outline:none}@media(prefers-contrast:more){:root{--border: color-mix(in srgb, var(--palette-ink) 30%, transparent)}.dark{--border: color-mix(in srgb, var(--color-static-white) 30%, transparent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--duration-instant)!important;animation-iteration-count:1!important;transition-duration:var(--duration-instant)!important}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.is-hidden{display:none}.is-visible{display:block}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}
