.aff-root{--blue-50:#f0f6ff;--blue-100:#dcebff;--blue-200:#b8d6ff;--blue-300:#84b6ff;--blue-400:#3d8bff;--blue-500:#006bff;--blue-600:#0055d6;--blue-700:#0043a8;--blue-800:#00337d;--yellow-100:#fff6cc;--yellow-200:#ffec99;--yellow-300:#ffe05c;--yellow-400:#ffd60a;--yellow-500:#f2c200;--ink-900:#0a0e27;--ink-800:#161b36;--ink-700:#2a2e45;--stone-0:#fff;--stone-50:#fafaf8;--stone-100:#f5f3ef;--stone-200:#ece9e2;--stone-300:#dcd8cf;--stone-400:#b8b4aa;--gray-700:#3c4156;--gray-600:#565b70;--gray-500:#6e7388;--gray-400:#9a9eb0;--gray-300:#c7cad6;--gray-200:#e4e6ee;--gray-100:#f1f2f6;--green-500:#1fb871;--green-100:#dcf6ea;--amber-500:#f5a623;--amber-100:#fcedd2;--red-500:#e5484d;--red-100:#fbe0e1;--text-primary:var(--ink-900);--text-secondary:var(--gray-500);--text-tertiary:var(--gray-400);--text-link:var(--blue-600);--brand:var(--blue-500);--brand-hover:var(--blue-600);--brand-pressed:var(--blue-700);--brand-soft:var(--blue-50);--accent:var(--yellow-400);--border:var(--gray-200);--border-strong:var(--gray-300);--border-brand:var(--blue-200);--focus-ring:#006bff59;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-card:24px;--radius-xl:28px;--radius-2xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #0a0e270d;--shadow-sm:0 2px 8px #0a0e270f;--shadow-card:0 6px 20px #0a0e2712;--shadow-md:0 10px 30px #0a0e2714;--shadow-lg:0 20px 48px #0a0e271a;--shadow-brand:0 12px 32px #006bff47;--shadow-brand-soft:0 8px 24px #006bff29;--font-display:var(--font-baloo-2), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:var(--font-be-vietnam), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;font-family:var(--font-body);color:var(--ink-900);background:var(--stone-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.aff-root *,.aff-root :before,.aff-root :after{box-sizing:border-box}.aff-scroll::-webkit-scrollbar{width:10px;height:10px}.aff-scroll::-webkit-scrollbar-thumb{background:var(--gray-200);background-clip:padding-box;border:3px solid #0000;border-radius:999px}@keyframes aff-fade{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes aff-draw{0%{opacity:0}to{opacity:1}}@keyframes aff-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.aff-fade{animation:.4s both aff-fade}@keyframes aff-brand-pulse{0%,to{opacity:.45;transform:scale(.99)}50%{opacity:1;transform:scale(1)}}.aff-brand-pulse{animation:1.4s ease-in-out infinite aff-brand-pulse}@media (prefers-reduced-motion:reduce){.aff-root *,.aff-fade,.aff-brand-pulse{animation:none!important}}.aff-btn{cursor:pointer;font-family:var(--font-body);border-radius:var(--radius-lg);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s,border-color .15s;display:inline-flex}.aff-btn:active{transform:scale(.97)}.aff-btn:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.aff-btn--lg{height:56px;padding:0 24px;font-size:16px}.aff-btn--md{height:48px;padding:0 20px;font-size:15px}.aff-btn--sm{height:38px;padding:0 14px;font-size:14px}.aff-btn--block{width:100%}.aff-btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand-soft)}.aff-btn--primary:hover{background:var(--brand-hover)}.aff-btn--secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #ffffff47}.aff-btn--secondary:hover{background:#ffffff42}.aff-btn--outline{color:var(--ink-900);border:1.5px solid var(--border);background:0 0}.aff-btn--outline:hover{border-color:var(--border-strong);background:var(--stone-50)}.aff-btn--ghost{color:var(--brand);background:0 0}.aff-btn--ghost:hover{background:var(--stone-100)}.aff-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.aff-nav{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);color:var(--gray-600);background:0 0;border:none;align-items:center;gap:12px;padding:11px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.aff-nav:hover{background:var(--stone-100);color:var(--ink-900)}.aff-nav--active{color:#fff;background:var(--brand);box-shadow:var(--shadow-brand-soft)}.aff-nav--active:hover{background:var(--brand);color:#fff}.aff-mnav{cursor:pointer;font-family:var(--font-body);color:var(--gray-400);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.aff-mnav--active{color:var(--brand)}.aff-seg{background:var(--stone-100);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:4px;display:inline-flex}.aff-seg__opt{cursor:pointer;font-family:var(--font-body);color:var(--gray-500);border-radius:var(--radius-pill);white-space:nowrap;background:0 0;border:none;height:34px;padding:0 14px;font-size:14px;font-weight:600;transition:all .15s}.aff-seg__opt:hover{color:var(--ink-900)}.aff-seg__opt--active{background:var(--stone-0);color:var(--ink-900);box-shadow:var(--shadow-xs)}.aff-page{border-radius:var(--radius-sm);cursor:pointer;min-width:34px;height:34px;font-family:var(--font-body);color:var(--gray-600);background:0 0;border:none;padding:0 9px;font-size:14px;font-weight:600;transition:all .15s}.aff-page:hover{background:var(--stone-100)}.aff-page--active{color:#fff;background:var(--brand)}.aff-page--active:hover{background:var(--brand)}.aff-pagenav{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--stone-0);cursor:pointer;width:34px;height:34px;color:var(--gray-600);justify-content:center;align-items:center;display:inline-flex}.aff-pagenav:disabled{cursor:not-allowed;color:var(--gray-300)}.aff-input{border:1.5px solid var(--border);background:var(--stone-0);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--ink-900);padding:13px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.aff-input::placeholder{color:var(--text-tertiary)}.aff-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.aff-input:disabled{background:var(--stone-50);color:var(--text-secondary);cursor:not-allowed}.aff-card{background:var(--stone-0);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px}.aff-toggle{border-radius:var(--radius-pill);background:var(--gray-200);cursor:pointer;border:none;flex:none;width:52px;height:32px;padding:0;transition:background .18s;position:relative}.aff-toggle[data-state=checked]{background:var(--brand)}.aff-toggle:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.aff-toggle__thumb{border-radius:var(--radius-pill);width:26px;height:26px;box-shadow:var(--shadow-sm);background:#fff;transition:left .18s;display:block;position:absolute;top:3px;left:3px}.aff-toggle[data-state=checked] .aff-toggle__thumb{left:23px}.aff-login-wrap{flex-direction:row;min-height:100vh;display:flex}.aff-login-brand{background:linear-gradient(150deg, var(--blue-600), var(--ink-900));flex-direction:column;width:46%;padding:36px;display:flex;position:relative;overflow:hidden}.aff-login-form{background:var(--stone-0);flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}@media (max-width:899px){.aff-login-wrap{flex-direction:column}.aff-login-brand{width:auto;min-height:280px}}