.carousel-promosi{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f8fafc;padding:2rem 1rem 1rem 1rem;box-sizing:border-box;margin-top:80px}.carousel-promosi .carousel-inner{max-width:1400px;margin:0 auto;width:100%;position:relative}.carousel-promosi .swiper{overflow:hidden;border-radius:12px;position:relative}.carousel-promosi .swiper-slide{position:relative}.carousel-promosi .cp-banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12;text-align:center;width:95%;max-width:600px}@keyframes cp-fadeInScale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes cp-fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.carousel-promosi .cp-banner-title{background:rgba(0,0,0,0.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:1.5rem 3rem;border-radius:12px;color:white;font-size:2rem;font-weight:700;box-shadow:0 20px 60px rgba(0,0,0,0.4);animation:cp-fadeInScale 0.6s ease-out;margin-bottom:1.5rem}.carousel-promosi .cp-banner-buttons{display:flex;flex-direction:row;gap:1rem;justify-content:center;animation:cp-fadeInUp 0.6s ease-out 0.2s both}.carousel-promosi .cp-btn{position:relative;padding:0.875rem 2.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;border:2px solid;background:transparent;min-width:120px;overflow:hidden;z-index:11;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);color:white}.carousel-promosi .cp-btn span{position:relative;z-index:10}.carousel-promosi .cp-btn::before{content:'';position:absolute;inset:0;transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease-out;z-index:0}.carousel-promosi .cp-btn:hover::before{transform:scaleX(1)}.carousel-promosi .cp-btn-login{color:#193c76;border:#edd25f 3px solid}.carousel-promosi .cp-btn-login::before{background:#edd25f}.carousel-promosi .cp-btn-login:hover{color:#0f172a;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 32px rgba(255,255,255,0.4)}.carousel-promosi .cp-btn-daftar{color:#edd25f;border:#193c76 3px solid}.carousel-promosi .cp-btn-daftar::before{background:#193c76}.carousel-promosi .cp-btn-daftar:hover{color:#edd25f;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 32px rgba(139,92,246,0.6)}.carousel-promosi .cp-slide-content{aspect-ratio:4 / 1;width:100%}@media (max-width:1023px) and (min-width:768px){.carousel-promosi .cp-slide-content{aspect-ratio:3 / 1}}@media (max-width:767px){.carousel-promosi .cp-slide-content{aspect-ratio:2 / 1}}.carousel-promosi .cp-slide-content img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.15)}.carousel-promosi .cp-swiper-button-prevs,.carousel-promosi .cp-swiper-button-nexts{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;background:linear-gradient(135deg,rgba(139,92,246,0.95),rgba(139,92,246,0.95));backdrop-filter:blur(12px);border-radius:10px;color:white;box-shadow:0 4px 20px rgba(139,92,246,0.3);opacity:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:2px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;z-index:20;pointer-events:auto;padding-bottom:5px}.carousel-promosi .cp-swiper-button-prevs{left:20px}.carousel-promosi .cp-swiper-button-nexts{right:20px}.carousel-promosi .cp-swiper-button-prevs::after,.carousel-promosi .cp-swiper-button-nexts::after{display:inline-block;font-weight:900;color:white;line-height:1;user-select:none}.carousel-promosi .cp-swiper-button-prevs::after{content:'‹';font-size:20px}.carousel-promosi .cp-swiper-button-nexts::after{content:'›';font-size:20px}.carousel-promosi .swiper:hover .cp-swiper-button-prevs,.carousel-promosi .swiper:hover .cp-swiper-button-nexts,.carousel-promosi .swiper:focus-within .cp-swiper-button-prevs,.carousel-promosi .swiper:focus-within .cp-swiper-button-nexts{opacity:1}.carousel-promosi .cp-swiper-button-prevs:hover,.carousel-promosi .cp-swiper-button-nexts:hover{transform:translateY(-50%) scale(1.15);box-shadow:0 8px 32px rgba(139,92,246,0.5);border-color:rgba(255,255,255,0.4)}.carousel-promosi .cp-swiper-button-prevs:active,.carousel-promosi .cp-swiper-button-nexts:active{transform:translateY(-50%) scale(1.05)}.carousel-promosi .cp-swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:24px !important;z-index:22;display:flex;align-items:center;justify-content:center;pointer-events:auto}.carousel-promosi .cp-swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,0.6);opacity:1;transition:all 0.3s ease;margin:0 5px !important;border-radius:999px}.carousel-promosi .cp-swiper-pagination .swiper-pagination-bullet:hover{background:rgba(255,255,255,0.9);transform:scale(1.25)}.carousel-promosi .cp-swiper-pagination .swiper-pagination-bullet-active{width:40px;border-radius:5px;background:white}@media (max-width:767px){.carousel-promosi{padding:1rem 0.5rem}.carousel-promosi .cp-banner-title{font-size:1.25rem;padding:1rem 1.5rem;margin-bottom:1rem}.carousel-promosi .cp-banner-buttons{gap:0.75rem}.carousel-promosi .cp-btn{padding:0.75rem 2rem;font-size:0.95rem;min-width:120px}.carousel-promosi .cp-swiper-button-prevs,.carousel-promosi .cp-swiper-button-nexts{width:34px;height:34px;border-radius:8px}.carousel-promosi .cp-swiper-button-prevs{left:12px}.carousel-promosi .cp-swiper-button-nexts{right:12px}.carousel-promosi .cp-swiper-pagination{bottom:16px !important}}@media (min-width:768px) and (max-width:1023px){.carousel-promosi .cp-banner-title{font-size:1.75rem;padding:1.25rem 2.5rem}.carousel-promosi .cp-btn{padding:0.75rem 2rem;font-size:0.95rem;min-width:140px}}@media (min-width:1024px){.carousel-promosi .cp-banner-title{font-size:2.5rem;padding:2rem 4rem}.carousel-promosi .cp-btn{padding:1rem 3rem;font-size:1.1rem;min-width:140px}.carousel-promosi .cp-swiper-button-prevs,.carousel-promosi .cp-swiper-button-nexts{width:48px;height:48px;border-radius:11px}.carousel-promosi .cp-swiper-button-prevs{left:28px}.carousel-promosi .cp-swiper-button-nexts{right:28px}}