.animated-coupon-card{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e5e7eb;width:100%;min-height:160px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;max-width:100%;overflow:hidden;word-wrap:break-word}.animated-coupon-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.card-header-row{justify-content:space-between}.card-header-row,.left-info{display:flex;align-items:center}.discount-badge{background:#f3e8ff;color:#7c3aed;padding:6px 12px;border-radius:8px;font-weight:500;font-size:14px;border:none}.right-info{display:flex;align-items:center;gap:8px}.coupon-type{background:#f3f4f6;color:#374151;text-transform:uppercase}.coupon-type,.verified-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.verified-badge{background:#10b981;color:white}.success-rate{color:#6b7280;font-size:12px;font-weight:500}.card-title-row{flex:1}.coupon-title{font-size:16px;font-weight:600;color:#111827;line-height:1.4;margin:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.card-action-row{justify-content:space-between}.card-action-row,.usage-info{display:flex;align-items:center}.used-count{color:#6b7280;font-size:14px;font-weight:500}.button-container,.peel-button{position:relative}.peel-button{width:140px;height:40px;cursor:pointer;border-radius:8px;overflow:hidden}.button-background{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}.peel-button.revealed .button-background{opacity:1;visibility:visible}.dotted-bg{background:repeating-linear-gradient(45deg,#f9fafb,#f9fafb 4px,#e5e7eb 0,#e5e7eb 8px);border:2px dashed #9ca3af}.revealed-text{color:#7c3aed;font-weight:700;font-size:14px;font-family:Courier New,monospace;letter-spacing:1px}.peel-layer{position:absolute;inset:0;background:linear-gradient(135deg,#7c3aed,#5b21b6);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:8px}.peel-layer:hover{background:linear-gradient(135deg,#9333ea,#7c3aed)}.peel-layer:hover .corner-fold{width:30px;height:30px;border-left-width:30px;border-bottom-width:30px}.button-text{color:white;font-weight:600;font-size:14px}.corner-fold{right:0;width:20px;height:20px;bottom:0;position:absolute;background:#45198b;transition:.2s;border-bottom:20px solid #e5e5e5;border-left:20px solid transparent;pointer-events:none;border-top-left-radius:8px}.peel-button.animating .peel-layer{transform:translateX(-100%)}.peel-button.revealed .peel-layer{transform:translateX(-100%);transition:none;opacity:0;visibility:hidden}.animated-coupon-card[data-force-reveal=true] .peel-layer{transform:translateX(-100%)!important;opacity:0!important;visibility:hidden!important;transition:none!important}.animated-coupon-card[data-force-reveal=true] .button-background{opacity:1!important;visibility:visible!important}@media (max-width:768px){.animated-coupon-card{padding:18px;gap:14px;min-height:150px;border-radius:16px}.peel-button{width:110px;height:44px;min-height:44px}.button-text,.revealed-text{font-size:14px}}@media (max-width:640px){.animated-coupon-card{padding:16px;gap:12px;min-height:140px}.right-info{gap:6px}.coupon-type,.verified-badge{padding:4px 8px;font-size:11px}.success-rate{font-size:11px}.coupon-title{font-size:15px;line-height:1.3}.peel-button{width:100px;height:40px;min-height:40px}.button-text,.revealed-text{font-size:13px}}@media (max-width:480px){.animated-coupon-card{padding:14px;gap:10px;min-height:130px;margin:0 auto;max-width:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important;overflow:hidden!important}.card-header-row{gap:8px}.card-header-row,.right-info{flex-wrap:wrap;overflow:hidden;max-width:100%!important}.right-info{justify-content:flex-start}.coupon-title{font-size:14px;line-height:1.3;max-width:100%!important;overflow:hidden;text-overflow:ellipsis}.peel-button{width:90px;height:38px;min-height:38px;max-width:90px!important}.animated-coupon-card *{max-width:100%!important;box-sizing:border-box!important}}@media (max-width:360px){.animated-coupon-card{padding:12px;gap:8px;min-height:120px;max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px)!important;overflow:hidden!important}.discount-badge{font-size:12px;padding:4px 8px;max-width:100%!important}.coupon-title{font-size:13px;max-width:100%!important;overflow:hidden;text-overflow:ellipsis}.peel-button{width:80px;height:36px;max-width:80px!important}.button-text,.revealed-text{font-size:12px}.animated-coupon-card *{max-width:100%!important;box-sizing:border-box!important}}