:root{--nen:#f6f7fb;--nen-the:#fff;--chinh:#4f46e5;--chinh-dam:#4338ca;--chinh-nhat:#eef2ff;--thuong:#f59e0b;--thuong-nhat:#fffbeb;--thanh-cong:#16a34a;--loi:#dc2626;--loi-nhat:#fef2f2;--chu:#0f172a;--chu-mo:#64748b;--chu-rat-mo:#94a3b8;--vien:#e2e8f0;--bo-nho:10px;--bo:16px;--bo-lon:24px;--bong:0 1px 2px #0f172a0f, 0 4px 16px #0f172a0d;--bong-noi:0 8px 30px #4f46e52e;--khoang:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--nen);color:var(--chu);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}.khung{max-width:520px;padding:20px 18px calc(96px + env(safe-area-inset-bottom));min-height:100dvh;margin:0 auto}.khung-gon{padding-bottom:32px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}h1{font-size:26px}h2{font-size:20px}h3{font-size:17px}p{margin:0}.mo{color:var(--chu-mo)}.rat-mo{color:var(--chu-rat-mo)}.nho{font-size:14px}.rat-nho{font-size:13px}.giua{text-align:center}.dam{font-weight:700}.the{background:var(--nen-the);border-radius:var(--bo);box-shadow:var(--bong);padding:18px}.the-voucher{color:#fff;border-radius:var(--bo-lon);box-shadow:var(--bong-noi);background:linear-gradient(160deg,#5b52ea 0%,#4338ca 100%);padding:26px 22px;position:relative;overflow:hidden}.the-voucher:after{content:"";background:#ffffff12;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-60px}.the-voucher.dat-thuong{background:linear-gradient(160deg,#f59e0b 0%,#d97706 100%);box-shadow:0 8px 30px #f59e0b47}.nhan{letter-spacing:.08em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.nhan-vien{background:var(--chinh-nhat);color:var(--chinh-dam)}.tien-do-so{letter-spacing:-.03em;font-size:40px;font-weight:800;line-height:1.1}.thanh{background:#ffffff40;border-radius:999px;height:12px;margin:14px 0 10px;overflow:hidden}.thanh>i{background:#fff;border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);display:block}.nut{border-radius:var(--bo);background:var(--chinh);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;padding:14px 20px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .12s,background .15s;display:flex}.nut:active{background:var(--chinh-dam);transform:scale(.98)}.nut:disabled{opacity:.5;cursor:default;transform:none}.nut-phu{color:var(--chinh);border:1.5px solid var(--vien);background:0 0;min-height:48px;font-size:16px}.nut-phu:active{background:var(--chinh-nhat)}.nut-chu{color:var(--chinh);cursor:pointer;background:0 0;border:0;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:600}.nhom-nhap{margin-bottom:18px}.nhan-o{color:var(--chu-mo);margin-bottom:7px;font-size:14px;font-weight:600;display:block}.o-nhap{border:1.5px solid var(--vien);border-radius:var(--bo);width:100%;min-height:54px;color:var(--chu);background:#fff;outline:none;padding:14px 16px;font-family:inherit;font-size:17px;transition:border-color .15s}.o-nhap:focus{border-color:var(--chinh)}.o-nhap::placeholder{color:var(--chu-rat-mo)}.goi-y{color:var(--chu-mo);background:var(--chinh-nhat);border-radius:var(--bo-nho);gap:8px;margin-top:10px;padding:11px 13px;font-size:13px;line-height:1.45;display:flex}.day-ma{grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0 4px;display:grid}.o-ma{aspect-ratio:3/4;border:2px solid var(--vien);border-radius:var(--bo-nho);text-align:center;width:100%;color:var(--chu);background:#fff;outline:none;padding:0;font-family:inherit;font-size:26px;font-weight:700}.o-ma:focus{border-color:var(--chinh);box-shadow:0 0 0 4px var(--chinh-nhat)}.bao-loi{background:var(--loi-nhat);color:#991b1b;border-radius:var(--bo-nho);gap:9px;margin-bottom:16px;padding:13px 14px;font-size:14.5px;line-height:1.45;display:flex}.nav-duoi{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--vien);padding-bottom:env(safe-area-inset-bottom);background:#fffffff0;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-duoi button{color:var(--chu-rat-mo);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:10px 0 12px;font-family:inherit;font-size:11.5px;font-weight:600;display:flex}.nav-duoi button span:first-child{font-size:21px;line-height:1}.nav-duoi button.dang-chon{color:var(--chinh)}.dong{border-bottom:1px solid var(--vien);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.dong:last-child{border-bottom:0}.o-so{background:var(--nen-the);border-radius:var(--bo);box-shadow:var(--bong);text-align:center;flex:1;padding:16px}.o-so b{letter-spacing:-.02em;font-size:26px;display:block}@keyframes hien-len{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hien{animation:.35s cubic-bezier(.2,.7,.3,1) both hien-len}@keyframes nhip{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.mung{animation:1.1s ease-in-out 2 nhip}@media (prefers-reduced-motion:reduce){.hien,.mung,.thanh>i{transition:none;animation:none}}@keyframes xoay{to{transform:rotate(360deg)}}.dang-tai{border:3px solid var(--vien);border-top-color:var(--chinh);border-radius:50%;width:26px;height:26px;margin:40px auto;animation:.8s linear infinite xoay}