@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("./media/archivo-vietnamese-wdth-normal-JICEILHD.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("./media/archivo-latin-ext-wdth-normal-GPGIT4GY.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("./media/archivo-latin-wdth-normal-R3FITQA7.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}:root{--hp-primary: #e1001a;--hp-accent: #2953c9;--hp-bg: #0c1430;--hp-brand-navy: #1a2649;--hp-brand-deep: #0b1a4a;--hp-shark: #1c3a9c;--hp-red-dark: color-mix(in srgb, var(--hp-primary) 48%, black);--hp-red-deep: color-mix(in srgb, var(--hp-primary) 24%, black);--hp-wave-front: var(--hp-accent);--hp-wave-back: color-mix(in srgb, var(--hp-accent) 60%, #05103a);--hp-outline: #000;--hp-primary-glow: color-mix(in srgb, var(--hp-primary) 55%, transparent);--hp-primary-soft: color-mix(in srgb, var(--hp-primary) 18%, transparent);--hp-primary-bright: color-mix(in srgb, var(--hp-primary) 78%, white);--hp-accent-soft: color-mix(in srgb, var(--hp-accent) 20%, transparent);--hp-accent-bright: color-mix(in srgb, var(--hp-accent) 70%, white);--hp-bg-raised: color-mix(in srgb, var(--hp-bg) 86%, white);--hp-bg-deep: color-mix(in srgb, var(--hp-bg) 72%, black);--hp-glass: color-mix(in srgb, white 6%, transparent);--hp-glass-strong: color-mix(in srgb, white 11%, transparent);--hp-line: color-mix(in srgb, white 13%, transparent);--hp-line-strong: color-mix(in srgb, white 26%, transparent);--hp-text: #ffffff;--hp-muted: color-mix(in srgb, white 66%, transparent);--hp-faint: color-mix(in srgb, white 40%, transparent);--hp-success: #2ee59d;--hp-warning: #ffc233;--hp-danger: #ff5468;--hp-font: "Archivo Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--hp-radius-sm: 10px;--hp-radius: 16px;--hp-radius-lg: 24px;--hp-ease: cubic-bezier(.22, 1, .36, 1);--hp-shadow: 0 20px 50px -20px rgb(0 0 0 / .7);--hp-gutter: clamp(16px, 4vw, 32px);--hp-safe-bottom: env(safe-area-inset-bottom, 0px)}@keyframes hp-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--hp-primary) 70%,transparent)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes hp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hp-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes hp-slide-stripes{0%{background-position:0 0}to{background-position:160px 0}}@keyframes hp-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hp-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes hp-spin{to{transform:rotate(360deg)}}@keyframes hp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hp-fade{0%{opacity:0}to{opacity:1}}@keyframes hp-splash-in{0%{transform:translateY(40px) scale(.92);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:none}}@keyframes hp-flash{0%{opacity:.9}to{opacity:0}}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;color-scheme:dark}body{margin:0;min-height:100dvh;background:var(--hp-bg);color:var(--hp-text);font-family:var(--hp-font);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--hp-accent-bright);text-underline-offset:3px}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--hp-accent-bright);outline-offset:3px;border-radius:6px}::selection{background:var(--hp-primary);color:#fff}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.display{font-family:var(--hp-font);font-weight:900;font-stretch:68%;text-transform:uppercase;line-height:.92;letter-spacing:-.005em}.display--wide{font-family:var(--hp-font);font-weight:900;font-stretch:100%;text-transform:uppercase;line-height:.92;letter-spacing:-.005em}.eyebrow{font-size:.75rem;font-weight:800;font-stretch:112%;letter-spacing:.18em;text-transform:uppercase;color:var(--hp-muted)}.muted{color:var(--hp-muted)}.page{width:min(100% - 2 * var(--hp-gutter),1200px);margin-inline:auto}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.stack>*{min-width:0}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row--between{justify-content:space-between}.grow{flex:1}.numeric{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@page{size:A5 portrait;margin:0}.btn{--btn-bg: var(--hp-glass-strong);--btn-fg: var(--hp-text);--btn-border: var(--hp-line-strong);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--btn-border);border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font-weight:800;font-stretch:105%;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;text-decoration:none;white-space:nowrap;transition:transform .2s var(--hp-ease),background .2s,box-shadow .2s,opacity .2s}.btn:hover:not(:disabled){transform:translateY(-2px);background:color-mix(in srgb,var(--btn-bg) 82%,white)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{--btn-bg: linear-gradient(180deg, var(--hp-primary-bright), var(--hp-primary));--btn-border: color-mix(in srgb, var(--hp-primary) 60%, white);box-shadow:0 10px 30px -8px var(--hp-primary-glow),inset 0 1px #ffffff59;background:var(--btn-bg)}.btn--primary:hover:not(:disabled){background:var(--btn-bg);box-shadow:0 16px 38px -8px var(--hp-primary-glow),inset 0 1px #fff6}.btn--accent{--btn-bg: linear-gradient(180deg, var(--hp-accent-bright), var(--hp-accent));--btn-border: color-mix(in srgb, var(--hp-accent) 60%, white);background:var(--btn-bg)}.btn--ghost{--btn-bg: transparent}.btn--danger{--btn-bg: color-mix(in srgb, var(--hp-danger) 18%, transparent);--btn-border: color-mix(in srgb, var(--hp-danger) 60%, transparent);--btn-fg: color-mix(in srgb, var(--hp-danger) 55%, white)}.btn--small{min-height:34px;padding:0 14px;font-size:.74rem}.btn--large{min-height:64px;padding:0 32px;font-size:1.05rem}.btn--block{width:100%}.card{background:linear-gradient(180deg,color-mix(in srgb,white 9%,transparent),var(--hp-glass));border:1px solid var(--hp-line);box-shadow:inset 0 1px color-mix(in srgb,white 16%,transparent),var(--hp-shadow);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-radius:var(--hp-radius-lg);padding:clamp(16px,3vw,24px)}.card__title{font-family:var(--hp-font);font-weight:900;font-stretch:80%;text-transform:uppercase;line-height:.92;letter-spacing:-.005em;font-size:clamp(1.4rem,3vw,1.9rem)}.chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border:1px solid var(--hp-line);border-radius:999px;background:var(--hp-glass);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hp-muted)}.chip--primary{background:var(--hp-primary-soft);border-color:color-mix(in srgb,var(--hp-primary) 55%,transparent);color:#fff}.chip--success{background:color-mix(in srgb,var(--hp-success) 16%,transparent);border-color:color-mix(in srgb,var(--hp-success) 50%,transparent);color:var(--hp-success)}.chip--warning{background:color-mix(in srgb,var(--hp-warning) 16%,transparent);border-color:color-mix(in srgb,var(--hp-warning) 50%,transparent);color:var(--hp-warning)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--hp-primary);animation:hp-pulse 1.6s infinite}.field{display:grid;gap:6px}.field__label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hp-muted)}.field__hint{font-size:.82rem;color:var(--hp-faint)}.input,.select,.textarea{width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--hp-line);border-radius:var(--hp-radius-sm);background:color-mix(in srgb,var(--hp-bg-deep) 70%,transparent);transition:border-color .2s,box-shadow .2s}.input:hover,.select:hover,.textarea:hover{border-color:var(--hp-line-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--hp-accent-bright);box-shadow:0 0 0 3px var(--hp-accent-soft)}.input:disabled,.select:disabled,.textarea:disabled{opacity:.5}.textarea{min-height:120px;resize:vertical}.select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}.select option{background:#0b1330;color:#fff}.input--color{padding:4px;min-height:46px;cursor:pointer}.switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;min-height:44px}.switch input{appearance:none;position:relative;width:48px;height:28px;margin:0;flex:none;border-radius:999px;border:1px solid var(--hp-line-strong);background:var(--hp-glass);transition:background .25s;cursor:pointer}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s var(--hp-ease)}.switch input:checked{background:var(--hp-primary);border-color:var(--hp-primary-bright)}.switch input:checked:after{transform:translate(20px)}.form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:8px 12px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--hp-faint)}.data-table td{padding:12px;border-top:1px solid var(--hp-line);vertical-align:middle}.notice{padding:14px 18px;border-radius:var(--hp-radius-sm);border:1px solid var(--hp-line);background:var(--hp-glass)}.notice--warning{border-color:color-mix(in srgb,var(--hp-warning) 55%,transparent);background:color-mix(in srgb,var(--hp-warning) 12%,transparent)}.notice--danger{border-color:color-mix(in srgb,var(--hp-danger) 55%,transparent);background:color-mix(in srgb,var(--hp-danger) 12%,transparent)}.skeleton{border-radius:var(--hp-radius);min-height:80px;background:linear-gradient(100deg,var(--hp-glass) 30%,var(--hp-glass-strong) 50%,var(--hp-glass) 70%);background-size:200% 100%;animation:hp-shimmer 1.4s linear infinite}
