.text-white{color:#fff!important}body{background-color:#f6f6f6;font-family:Poppins,sans-serif}.shopee-gradient{background:linear-gradient(135deg,#9903d6 0% 100%)}.card{border-radius:16px;transition:all .3s;box-shadow:0 10px 25px #0000000d}.card:hover{transform:translateY(-2px);box-shadow:0 15px 30px #0000001a}.number-highlight{background:linear-gradient(90deg,#9903d6 0% 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:200%;animation:4s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@keyframes shine{0%{opacity:0;left:-100%}10%{opacity:.6;left:100%}to{opacity:0;left:100%}}.floating{animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card-image{z-index:1;width:150px;position:absolute;top:35%;right:5px;transform:translateY(-50%)}@media (max-width:380px){.card-image{width:130px;top:30%;right:0}}.carousel{border-radius:12px;width:100%;position:relative;overflow:hidden}.carousel-inner{height:100%;transition:transform .5s;display:flex}.carousel-item{flex-shrink:0;width:100%}.carousel-item.active{display:block}.carousel-item:not(.active){display:none}.carousel-img-container{background-color:#f8f8f8;border-radius:16px;justify-content:center;align-items:center;height:300px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 5px 15px #0000000d}.carousel-img{object-fit:contain;border-radius:12px;max-width:100%;max-height:260px;box-shadow:0 10px 25px #0000001a}.carousel-controls{justify-content:space-between;align-items:center;margin:15px 0;display:flex;position:relative}.step-number{color:#777;cursor:pointer;z-index:2;background-color:#fff;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;transition:all .3s;display:flex}.step-number.active,.step-number.completed{color:#fff;background-color:#9903d6;border-color:#9903d6}.step-line{background-color:#ddd;flex:1;height:3px;position:relative}.step-line.active{background-color:#9903d6}.carousel-indicators{justify-content:center;margin-top:15px;display:flex}.carousel-indicator{cursor:pointer;background-color:#ddd;border-radius:50%;width:10px;height:10px;margin:0 5px}.carousel-indicator.active{background-color:#9903d6;transform:scale(1.3)}.carousel-arrow{cursor:pointer;z-index:10;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001a}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}.page-transition{transition:opacity .4s,transform .4s}.fade-out{opacity:0;transform:translateY(20px)}.fade-in{opacity:1;transform:translateY(0)}.pulse-yellow{z-index:1;animation:1.5s infinite pulse-yellow;position:relative}@keyframes pulse-yellow{0%{box-shadow:0 0 #9903d6b3}70%{box-shadow:0 0 0 15px #9903d600}to{box-shadow:0 0 #9903d600}}