.coupon-card{background:#022d5d;border-radius:12.4px;width:80%;max-width:400px;margin:20px auto;transition:transform .2s;overflow:hidden;box-shadow:0 4px 10px #0000001a}.coupon-card:hover{transform:scale(1.02)}.image-container{background:#033a6e;width:100%;height:350px;position:relative}.image-placeholder{background:linear-gradient(90deg,#033a6e 0%,#044a7e 50%,#033a6e 100%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}.coupon-image{object-fit:cover;opacity:0;width:100%;height:350px;transition:opacity .5s}.coupon-image.loaded{opacity:1}.coupon-content{text-align:left;padding:16px}.coupon-content h3{color:#fff;margin:0;font-size:20px}.coupon-description{color:#fff;width:100%;margin-top:10px;font-size:14px;line-height:1.5}.coupon-info{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.coupon-date-time{text-align:right;width:100%;margin-top:2rem;font-size:.7rem}.coupon-skeleton{width:100%;animation:.3s fadeInSkeleton}.skeleton-image{background:linear-gradient(90deg,#033a6e 0%,#044a7e 50%,#033a6e 100%) 0 0/200% 100%;width:100%;height:350px;animation:1.5s infinite shimmer}.skeleton-content{padding:16px}.skeleton-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.skeleton-title{background:linear-gradient(90deg,#033a6e 0%,#044a7e 50%,#033a6e 100%) 0 0/200% 100%;border-radius:6px;flex:1;height:24px;animation:1.5s infinite shimmer}.skeleton-badge{background:linear-gradient(90deg,#033a6e 0%,#044a7e 50%,#033a6e 100%) 0 0/200% 100%;border-radius:8px;width:60px;height:24px;animation:1.5s infinite shimmer}.skeleton-description{background:linear-gradient(90deg,#033a6e 0%,#044a7e 50%,#033a6e 100%) 0 0/200% 100%;border-radius:4px;height:16px;margin-bottom:10px;animation:1.5s infinite shimmer}.skeleton-description.short{width:70%}.skeleton-footer{justify-content:space-between;margin-top:20px;display:flex}.skeleton-date{background:linear-gradient(90deg,#033a6e 0%,#044a7e 50%,#033a6e 100%) 0 0/200% 100%;border-radius:4px;width:100px;height:14px;margin-left:auto;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInSkeleton{0%{opacity:0}to{opacity:1}}.coupon-card-animate{animation:.6s cubic-bezier(.23,1,.32,1) couponFadeInUp}.coupon-image-modal-overlay{z-index:99999;background:#000000eb;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.coupon-image-modal-content{flex-direction:column;justify-content:center;align-items:center;max-width:96vw;max-height:96vh;display:flex;position:relative}.coupon-image-full{object-fit:contain;background:#fff;border-radius:12px;width:auto;max-width:90vw;height:auto;max-height:85vh;box-shadow:0 4px 32px #00000040}.coupon-image-modal-close{color:#fff;cursor:pointer;z-index:2;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:background .18s;display:flex;position:absolute;top:10px;right:18px}.coupon-image-modal-close:hover{background:#cf2e2e}.coupon-header{align-items:center;gap:12px;display:flex}.coupon-type{color:#fff;border-radius:8px;padding:2px 10px;font-size:13px;font-weight:600}.coupon-type.paid{background:#c59d00}.coupon-type.free{background:#2196f3}.coupon-created-at{color:#b0b0b0;margin-left:auto;font-size:.75em}.coupon-image.clickable{cursor:zoom-in;transition:transform .2s}.coupon-image.clickable:hover{opacity:.95}.modal-overlay{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-container{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;position:relative}.modal-full-image{object-fit:contain;border-radius:8px;max-width:80vw;max-height:80vh;animation:.3s ease-out zoomIn;box-shadow:0 10px 30px #00000080}.modal-close-btn{cursor:pointer;color:#fff;z-index:10000;background:#4778ff6e;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.modal-close-btn:hover{background:#f006;transform:scale(1.1)}.modal-close-btn svg{width:24px;height:24px}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-close-btn{background:#00000080;position:fixed;top:10px;right:10px}}
.vip-modal-overlay{z-index:9999;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.vip-modal{text-align:center;color:#71b4ff;background:#022d5d;border-radius:30px;width:90%;max-width:400px;max-height:90vh;padding:30px;animation-duration:.4s;animation-fill-mode:both;position:relative;overflow-y:auto;box-shadow:0 4px 12px #0003}.fadeInUp{animation-name:fadeInUp}.fadeOutDown{animation-name:fadeOutDown}.old-price{color:#b0b0b0;margin-bottom:.5rem;font-size:2rem;text-decoration:line-through}.new-price{color:#fff;margin-bottom:.5rem;font-size:3rem}.terms{color:#888;margin-top:1rem;font-size:.7rem}.buy-btn{color:#022d5d;cursor:pointer;background:#71b4ff;border:none;border-radius:50px;width:90%;height:45px;margin-top:20px;padding:10px 20px;font-weight:700;transition:all .3s}.buy-btn:hover:not(:disabled){background:#5a9de6;transform:translateY(-2px)}.buy-btn:disabled{opacity:.5;cursor:not-allowed}.close-btn{color:#cf2e2e;cursor:pointer;background:0 0;border:none;width:auto;margin-top:0;padding:0;font-size:1.3rem;font-weight:700;transition:color .3s;display:block;position:absolute;top:12px;right:16px}.close-btn:hover{color:#f44}.separator{opacity:.5;border:none;border-top:2px solid #71b4ff;width:40%;margin:15px auto 25px}.vip-title,.vip-sub,.vip-list{margin-bottom:1rem;font-size:1rem}.vip-list{text-align:left;padding-left:1rem}.vip-list:last-child{margin-bottom:0}.payment-actions{gap:1rem;margin-top:2rem;display:flex}.back-btn{color:#71b4ff;cursor:pointer;background:0 0;border:2px solid #71b4ff;border-radius:50px;flex:1;height:45px;padding:10px 20px;font-weight:700;transition:all .3s}.back-btn:hover:not(:disabled){background:#71b4ff1a}.back-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{border:4px solid #033a6e;border-top-color:#71b4ff;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.price-skeleton{background:linear-gradient(90deg,#022d5d 25%,#044a7e 50%,#022d5d 75%) 0 0/200px 100%;animation:1.5s infinite shimmer}@media (max-width:480px){.vip-modal{max-width:95%;padding:20px}.old-price{font-size:1.5rem}.new-price{font-size:2.5rem}.payment-actions{flex-direction:column}.back-btn,.buy-btn{width:100%}}