:root{
  
  --c-nen:#f5f3f1;          
  --c-to:#ffffff;           
  --c-to-2:#fdfcfc;         
  --c-vien:#ebe8e4;         
  --c-che:rgba(0,0,0,.05);  
  
  --c-chu:#000000;
  --c-chu-2:#44403b;
  --c-phu:#777169;          
  --c-mo:#a59f97;           
  
  --c-xanh:#0a59d2; --c-xanh-dam:#052f70;
  --c-do:#f41a2f;
  --c-ok:#0f7a4a; --c-ok-nen:#e9f5ee;
  --c-canh:#9a5b00; --c-canh-nen:#fbf1e2;
  
  --c-r-tam:24px; --c-r-the:20px; --c-r-o:16px; --c-r-nho:10px; --c-r-vien:9999px;
  
  --c-bong-nut:0 0 1px rgba(0,0,0,.4),0 1px 1px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.04);
  --c-vien-chim:inset 0 0 0 .5px rgba(0,0,0,.075);
  --c-vien-chim-2:inset 0 0 0 .5px rgba(0,0,0,.1);
  --c-vong:0 0 0 3px rgba(10,89,210,.28);
  
  --c-f:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --c-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  
  --c-mo:150ms cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-to-2);color:var(--c-chu);font:400 16px/1.5 var(--c-f);letter-spacing:.01em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px;text-decoration-color:rgba(0,0,0,.25);transition:text-decoration-color var(--c-mo)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:none;box-shadow:var(--c-vong);border-radius:var(--c-r-nho)}


.c-hien{font-weight:300;letter-spacing:-.02em;line-height:1.14;margin:0;text-wrap:balance}
.c-nhan{font:500 12px/1.2 var(--c-f);letter-spacing:.06em;text-transform:uppercase;color:var(--c-phu)}


.c-nen{background:var(--c-nen)}
.c-tam{background:var(--c-to);border-radius:var(--c-r-tam);box-shadow:var(--c-vien-chim)}
.c-the{background:var(--c-to);border-radius:var(--c-r-the);box-shadow:var(--c-bong-nut)}
.c-the-phu{background:var(--c-nen);border-radius:var(--c-r-o)}


.c-nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:var(--c-r-vien);
  background:var(--c-chu);color:#fff;font:500 15px/1 var(--c-f);letter-spacing:.01em;cursor:pointer;text-decoration:none;
  transition:background-color var(--c-mo),color var(--c-mo),box-shadow var(--c-mo)}
.c-nut:hover{background:#26231f}
.c-nut[disabled]{opacity:.5;cursor:default}
.c-nut.phu{background:var(--c-to);color:var(--c-chu);box-shadow:var(--c-bong-nut)}
.c-nut.phu:hover{background:var(--c-nen)}
.c-nut.nho{min-height:36px;padding:0 14px;font-size:14px}


.c-logo{display:inline-flex;align-items:center;gap:8px;font:600 17px/1 var(--c-f);letter-spacing:-.01em;text-decoration:none;color:var(--c-chu)}
.c-logo .cham{width:20px;height:20px;border-radius:50%;background:var(--c-chu);display:inline-flex;align-items:center;justify-content:center}
.c-logo .cham i{width:7px;height:7px;border-radius:50%;background:#fff;display:block}

@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}