@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary:#f4f600;--primary-hover:#e4e700;--primary-active:#cace00;--primary-dim:#dde000;--black:#0b0d0f;--graphite:#191c1f;--industrial:#363b3f;--steel:#7f9299;--danger:#d94a40;--font-sans:"HarmonyOS Sans SC", "HarmonyOS Sans", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:"Space Grotesk Variable", "Space Grotesk", "Arial Narrow", sans-serif;--font-data:"Space Grotesk Variable", "Space Grotesk", ui-monospace, SFMono-Regular, Consolas, monospace;--radius:2px;--radius-panel:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--container:1280px;--container-wide:1440px;--prose-width:720px;--header-h:72px;--duration-fast:.12s;--duration:.18s;--duration-slow:.42s;--ease:cubic-bezier(.2, .8, .2, 1);--ease-sharp:cubic-bezier(.4, 0, .2, 1)}:root,[data-theme=light]{color-scheme:light;--bg:#f5f5f0;--bg-muted:#e9eae5;--surface:#fff;--surface-2:#f0f1ec;--text:#101214;--text-2:#555c61;--text-3:#868c90;--text-disabled:#a8aca8;--border:#c8cbc5;--border-subtle:#10121424;--border-strong:#101214;--accent-text:#857f00;--grid-line:#10121409;--watermark:#1012140b;--header-bg:#f5f5f0eb;--shadow-soft:0 16px 40px #0b0d0f1a;--shadow-hard-sm:4px 4px 0 #0b0d0f;--shadow-hard:8px 8px 0 #0b0d0f;--scrollbar-thumb:#c8cbc5;--code-bg:#191c1f;--code-text:#e8eaeb;--code-inline-bg:#e9eae5;--code-inline-text:#101214;--hl-keyword:#f4a4ff;--hl-string:#b8e986;--hl-number:#ffd479;--hl-comment:#7d888a;--hl-function:#7cd7ff;--hl-title:#7cd7ff;--hl-attr:#ffd479;--hl-symbol:#f4f600}[data-theme=dark]{color-scheme:dark;--bg:#0b0d0f;--bg-muted:#14171a;--surface:#191c1f;--surface-2:#1f2326;--text:#f7f7f2;--text-2:#bfc3c3;--text-3:#868c90;--text-disabled:#5a5f5f;--border:#363b3f;--border-subtle:#ffffff24;--border-strong:#f7f7f2;--accent-text:#dde000;--grid-line:#ffffff09;--watermark:#ffffff0a;--header-bg:#0b0d0fe0;--shadow-soft:0 16px 40px #0006;--shadow-hard-sm:4px 4px 0 #f4f600e6;--shadow-hard:8px 8px 0 #f4f600e6;--scrollbar-thumb:#363b3f;--code-bg:#14171a;--code-text:#e8eaeb;--code-inline-bg:#262b2e;--code-inline-text:#f7f7f2}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease);background-size:32px 32px;flex-direction:column;margin:0;font-size:16px;line-height:1.7;display:flex}main{flex:1}::selection{background:var(--primary);color:var(--black)}a{color:inherit}img{max-width:100%;height:auto}button{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:0}.container{width:min(100% - 40px, var(--container));margin-inline:auto}@media (width>=768px){.container{width:min(100% - 64px, var(--container))}}@media (width>=1024px){.container{width:min(100% - 96px, var(--container))}}.mono{font-family:var(--font-data);letter-spacing:.11em;text-transform:uppercase}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-heading{margin-bottom:var(--space-12);user-select:none}.section-heading__eyebrow{align-items:center;gap:var(--space-3);font-family:var(--font-data);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:700;display:flex}.section-heading__eyebrow:before{content:"";background:var(--primary);width:28px;height:4px}.section-heading__title{margin:var(--space-2) 0 0;letter-spacing:-.025em;font-size:clamp(28px,4.5vw,48px);font-weight:900;line-height:1.08}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);letter-spacing:.04em;cursor:pointer;transition:transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:0 0;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--text);color:var(--bg)}.btn--primary{border-color:var(--black);background:var(--primary);color:var(--black);box-shadow:var(--shadow-hard-sm)}.btn--primary:hover{background:var(--primary-hover);color:var(--black);box-shadow:6px 6px 0 var(--black);transform:translate(-1px,-1px)}[data-theme=dark] .btn--primary:hover{box-shadow:6px 6px #f4f600e6}.btn--primary:active{background:var(--primary-active);box-shadow:1px 1px 0 var(--black);transform:translate(3px,3px)}.btn--cut{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:none;border-radius:0}.btn--sm{min-height:36px;padding:0 var(--space-4);font-size:12px}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff}.tag{min-height:24px;padding:0 var(--space-2);font-family:var(--font-data);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);transition:all var(--duration-fast) var(--ease);border:1px solid;border-radius:0;align-items:center;gap:6px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.tag:hover,.tag--active{border-color:var(--primary);background:var(--primary);color:var(--black)}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--duration) var(--ease), transform var(--duration-slow) var(--ease), box-shadow var(--duration-slow) var(--ease);position:relative;overflow:hidden}.card--hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-hard);transform:translateY(-4px)}.input,.select,.textarea{width:100%;min-height:48px;padding:10px var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:15px;font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);outline:none}.input:hover,.select:hover,.textarea:hover{border-color:var(--text-2)}.input:focus,.select:focus,.textarea:focus{border-color:var(--border-strong);box-shadow:inset 0 -3px 0 var(--primary)}.textarea{resize:vertical;line-height:1.6}.label{margin-bottom:var(--space-2);font-family:var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:600;display:block}.watermark{font-family:var(--font-display);letter-spacing:-.05em;color:var(--watermark);pointer-events:none;user-select:none;white-space:nowrap;text-transform:uppercase;font-size:clamp(80px,14vw,220px);font-weight:700;line-height:.8;position:absolute;top:20px;right:-1vw}.empty-state{padding:var(--space-16) var(--space-6);border:1px dashed var(--border);text-align:center;color:var(--text-3);font-size:14px}.pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-16);display:flex}.pagination__info{font-family:var(--font-data);letter-spacing:.1em;color:var(--text-2);font-size:12px}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.rise-in{animation:rise-in var(--duration-slow) var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}