.dn{animation:dn-vao .35s var(--v4-ease,ease) both;gap:12px;display:grid}.dn h3{font-size:var(--v4-co-4);margin:0;line-height:1.25}.dn p{color:var(--v4-than-2);font-size:var(--v4-co-2);margin:0;line-height:1.5}.dn-phu{color:var(--v4-than-2);font-size:var(--v4-co-2)}.dn-loi{background:var(--v4-vang);color:var(--v4-than);font-size:var(--v4-co-2);animation:dn-vao .25s var(--v4-ease,ease) both;border-radius:12px;margin:0;padding:8px 12px}.dn .dn-loi{color:var(--v4-than)}.dn-loi--lon{padding:12px 14px}.dn-lua{gap:10px;display:grid}.dn-lua button{text-align:left;border:1.5px solid var(--v4-ke);color:var(--v4-than);font:inherit;cursor:pointer;transition:transform .2s var(--v4-ease,ease), border-color .2s, box-shadow .2s;animation:dn-vao .4s var(--v4-ease,ease) both;animation-delay:calc(var(--i,0) * 80ms);background:#fff;border-radius:18px;gap:2px;padding:14px 16px;display:grid}.dn-lua button b{font-size:var(--v4-co-3);font-weight:var(--v4-dam-dam)}.dn-lua button span{color:var(--v4-than-2);font-size:var(--v4-co-2)}.dn-lua button:hover:not(:disabled),.dn-lua button:focus-visible{border-color:var(--v4-cam);transform:translateY(-2px);box-shadow:0 6px 18px #ff6a1a24}.dn-lua button:disabled{opacity:.55;cursor:default}.dn-kenh{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.dn-kenh label{position:relative}.dn-kenh input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.dn-kenh span{border:1.5px solid var(--v4-ke);min-height:44px;font-size:var(--v4-co-2);background:#fff;border-radius:999px;align-items:center;padding:0 16px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.dn-kenh input:checked+span{border-color:var(--v4-cam);background:var(--v4-dao-nhat);color:var(--v4-cam-chu);font-weight:var(--v4-dam-vua);transform:translateY(-1px)}.dn-kenh input:focus-visible+span{outline:2px solid var(--v4-cam);outline-offset:2px}.dn-o{font-size:var(--v4-co-2);font-weight:var(--v4-dam-vua);gap:4px;display:grid}.dn-o input{border:1.5px solid var(--v4-ke);min-height:46px;color:var(--v4-than);font:inherit;font-weight:var(--v4-dam-thuong);background:#fff;border-radius:14px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.dn-o input:focus{border-color:var(--v4-cam);outline:none;box-shadow:0 0 0 3px #ff6a1a2e}.dn-ma input{letter-spacing:.5em;text-align:center;font-size:var(--v4-co-5);font-variant-numeric:tabular-nums}.dn-hang{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.dn-nut{background:var(--v4-cam);min-height:46px;color:var(--v4-chu-tren-cam);font:inherit;font-weight:var(--v4-dam-dam);cursor:pointer;transition:transform .2s var(--v4-ease,ease), box-shadow .2s, opacity .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.dn-nut:hover:not(:disabled),.dn-nut:focus-visible{transform:translateY(-1px);box-shadow:0 6px 16px #ff6a1a47}.dn-nut:disabled{opacity:.5;cursor:default}.dn-nut--vien{border:1.5px solid var(--v4-than);background:#fff}.dn-nut--vien:hover:not(:disabled),.dn-nut--vien:focus-visible{box-shadow:0 6px 16px #0000001a}.dn-chu{color:var(--v4-than-2);font:inherit;font-size:var(--v4-co-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dn-chu:hover:not(:disabled){color:var(--v4-cam-chu)}.dn-chu:disabled{opacity:.55;cursor:default;text-decoration:none}.dn-hoac{color:var(--v4-than-2);font-size:var(--v4-co-1);align-items:center;gap:10px;display:flex}.dn-hoac:before,.dn-hoac:after{content:"";background:var(--v4-ke);flex:1;height:1px}.dn-cho{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite dn-quay;display:inline-block}.dn-xong{border:1px solid var(--v4-cam);background:#fff;border-radius:18px;padding:16px}.dn-ds{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dn-ds button{text-align:left;border:1.5px solid var(--v4-ke);width:100%;min-height:52px;color:var(--v4-than);font:inherit;font-weight:var(--v4-dam-vua);cursor:pointer;background:#fff;border-radius:16px;padding:0 18px;transition:transform .2s,border-color .2s}.dn-ds button:hover:not(:disabled),.dn-ds button:focus-visible{border-color:var(--v4-cam);transform:translateY(-2px)}.dn-trang{max-width:520px;padding:var(--v4-k4,32px) var(--v4-le,20px) var(--v4-k5,56px);gap:var(--v4-k3,20px);margin:0 auto;display:grid}.dn-trang h1{font-family:var(--v4-chu-lon);font-size:var(--v4-co-6);margin:0;line-height:1.15}.dn-trang .dn-the{padding:var(--v4-k3,20px);border:2px solid var(--v4-vien,var(--v4-cam));border-radius:var(--v4-bo,24px);background:#fff}@keyframes dn-vao{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dn-quay{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dn,.dn-lua button,.dn-loi,.dn-cho{animation:none}.dn-lua button,.dn-kenh span,.dn-nut,.dn-ds button{transition:none}}
