@keyframes off-grad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes off-card-in{from{opacity:0;transform:translateY(18px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.off-page{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(170deg,#FAF8F5 0%,#F4F7FB 55%,#EEF3F8 100%)}.off-inner{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:2rem 1rem}.off-hero{text-align:center;margin-bottom:2.5rem;position:relative}.off-h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(to right,#BFA98C,#3D2817,#BFA98C);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:off-grad 3s ease infinite}.off-sub{color:#8B7355;font-size:1.125rem;max-width:42rem;margin:0 auto}.off-toggle-wrap{display:flex;justify-content:center;margin-bottom:1rem}.off-toggle{display:inline-flex;border-radius:1rem;padding:0.375rem;gap:0.25rem;background:rgba(255,255,255,0.72);border:1.5px solid rgba(191,169,140,0.20);box-shadow:0 2px 20px rgba(61,40,23,0.08),0 1px 4px rgba(61,40,23,0.04),inset 0 1px 0 rgba(255,255,255,0.9);backdrop-filter:blur(14px)}.off-tab{display:flex;align-items:center;gap:0.625rem;padding:0.75rem 1.5rem;border-radius:0.75rem;font-size:0.875rem;font-weight:500;border:none;cursor:pointer;background:transparent;color:#8B7355;transition:all 0.3s ease;transform:scale(1)}.off-tab-uni-active{background:linear-gradient(135deg,#3599CC 0%,#2176AE 100%);color:#fff;box-shadow:0 4px 20px rgba(53,153,204,0.28),0 2px 8px rgba(53,153,204,0.20);transform:scale(1.02)}.off-tab-lang-active{background:linear-gradient(135deg,#BFA98C 0%,#9E8163 100%);color:#fff;box-shadow:0 4px 20px rgba(191,169,140,0.32),0 2px 8px rgba(191,169,140,0.24);transform:scale(1.02)}.off-tab-count{font-size:0.75rem;padding:0.125rem 0.5rem;border-radius:9999px;background:rgba(191,169,140,0.14);color:#8B7355;transition:all 0.3s ease}.off-tab-uni-active .off-tab-count,.off-tab-lang-active .off-tab-count{background:rgba(255,255,255,0.22);color:#fff}.off-divider{display:flex;justify-content:center;margin-bottom:2.5rem}.off-divider-line{height:1px;width:12rem;border-radius:9999px;background:linear-gradient(90deg,transparent 0%,rgba(191,169,140,0.35) 50%,transparent 100%)}.off-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;transition:opacity 240ms ease,transform 240ms ease}@media (min-width:768px){.off-grid{grid-template-columns:repeat(2,1fr)}}.off-card{position:relative;overflow:hidden;border-radius:1rem;padding:2rem;display:block;text-decoration:none!important;backdrop-filter:blur(12px);transition:transform 280ms cubic-bezier(0.22,1,0.36,1),box-shadow 280ms ease;animation:off-card-in 400ms cubic-bezier(0.22,1,0.36,1) both}.off-card-uni{background:linear-gradient(150deg,rgba(255,255,255,0.94) 0%,rgba(246,250,255,0.90) 100%);border:1.5px solid rgba(53,153,204,0.20);box-shadow:0 4px 20px rgba(53,153,204,0.20),0 1px 4px rgba(61,40,23,0.06),inset 0 1px 0 rgba(255,255,255,0.9)}.off-card-uni:hover{transform:translateY(-5px) scale(1.018);box-shadow:0 16px 48px rgba(53,153,204,0.28),0 4px 16px rgba(53,153,204,0.20),inset 0 1px 0 rgba(255,255,255,0.9)}.off-card-lang{background:linear-gradient(150deg,rgba(255,253,250,0.96) 0%,rgba(250,247,242,0.92) 100%);border:1.5px solid rgba(191,169,140,0.24);box-shadow:0 4px 20px rgba(191,169,140,0.24),0 1px 4px rgba(61,40,23,0.06),inset 0 1px 0 rgba(255,255,255,0.9)}.off-card-lang:hover{transform:translateY(-5px) scale(1.018);box-shadow:0 16px 48px rgba(191,169,140,0.32),0 4px 16px rgba(191,169,140,0.24),inset 0 1px 0 rgba(255,255,255,0.9)}.off-card-sheen{position:absolute;left:0;right:0;top:0;height:7rem;pointer-events:none;border-radius:1rem 1rem 0 0}.off-card-corner-glow{position:absolute;top:-1.5rem;right:-1.5rem;width:7rem;height:7rem;border-radius:50%;pointer-events:none;opacity:0.4;filter:blur(16px)}.off-card-badge-row{position:relative;margin-bottom:1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}.off-type-badge{display:inline-block;color:#fff;font-size:0.875rem;padding:0.5rem 1rem;border-radius:9999px}.off-countdown-pill{display:inline-flex;align-items:center;gap:0.375rem;font-size:0.75rem;font-weight:600;padding:0.375rem 0.75rem;border-radius:9999px;background:rgba(220,53,69,0.10);color:#dc2626;border:1px solid rgba(220,53,69,0.20);white-space:nowrap}.off-card-title-row{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.off-card-title-group{flex:1;min-width:0}.off-card-title{font-size:1.5rem;font-weight:700;color:#3D2817;margin:0 0 0.5rem;line-height:1.3}.off-card-source{display:flex;align-items:center;gap:0.375rem;color:#8B7355;font-size:0.875rem}.off-discount-wrap{position:relative;flex-shrink:0}.off-discount-glow{position:absolute;inset:0;border-radius:50%;opacity:0.6;filter:blur(8px);transform:scale(1.3)}.off-discount-bubble{position:relative;width:5rem;height:5rem;color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.2}.off-discount-val{font-size:1.25rem;font-weight:700}.off-discount-off{font-size:0.625rem;opacity:0.8;text-transform:uppercase;letter-spacing:0.05em}.off-card-expiry{position:relative;display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#8B7355;margin-bottom:1.25rem}.off-card-sep{height:1px;margin-bottom:1rem;border-radius:9999px}.off-card-cta{position:relative;display:flex;align-items:center;gap:0.5rem;font-weight:500;font-size:0.875rem;transition:gap 0.2s ease}.off-card:hover .off-card-cta{gap:0.75rem}.off-empty{grid-column:1 / -1;padding:5rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.off-empty-ico{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:rgba(191,169,140,0.10);border:1.5px solid rgba(191,169,140,0.20);box-shadow:0 4px 16px rgba(191,169,140,0.10);font-size:1.75rem;color:#BFA98C}.off-empty-txt{color:#8B7355;font-size:1.125rem}