.container-daftar *{margin:0;padding:0;box-sizing:border-box}.container-daftar{margin:0 auto;font-size:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.page-title{text-align:center;color:#fff;font-size:2.5em;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2em;margin-top:2em;margin-bottom:2em}.training-card{display:flex;flex-direction:column;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);border-radius:20px;padding:0;box-shadow:0 15px 35px rgb(0 0 0 / .1);transition:all 0.3s ease;overflow:hidden;position:relative;margin-inline:auto}.training-card:hover{box-shadow:0 25px 50px rgb(0 0 0 / .2)}.card-header{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);padding:1.5em;position:relative;overflow:hidden}.card-header::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:rgb(255 255 255 / .1);transform:rotate(45deg);transition:all 0.3s ease}.training-card:hover .card-header::before{right:-30%}.event-title{color:#fff;padding:0!important;margin:0 0 .5em 0!important;font-size:1.4em;font-weight:700;position:relative;z-index:2}.event-category{background:rgb(255 255 255 / .2);color:#fff;padding:.3em .8em;border-radius:15px;font-size:.8em;display:inline-block;position:relative;z-index:2}.card-body{padding:1.5em}.card-body a{text-decoration:underline}.event-details{margin-bottom:1.5em}.detail-item{display:flex;align-items:center;margin-bottom:.8em;padding:.5em;background:#f8f9ff;border-radius:10px;transition:all 0.3s ease}.detail-item:hover{background:#e8f0fe}.detail-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1em}.detail-icon img{width:20px;height:20px}.detail-content{flex:1}.detail-label{font-size:.8em;color:#888}.detail-value{font-weight:600;color:#333}.price-section{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);margin-top:auto;padding:1em;text-align:center;position:relative}.price-section .bonus{position:absolute;text-align:left;top:0;left:0;opacity:0;z-index:10;padding:1.5em;padding-bottom:10px;width:100%;border-radius:10px 10px 0 0;transform:translateY(-50%);transition:all 0.5s ease;background-color:#fffffd;box-shadow:0 -2px 4px rgb(19 19 20 / .6)}.price-section .bonus.visible{transform:translateY(-100%);opacity:1;transition:all 0.5s ease}.price-section .bonus>.bonus-title{display:block;font-weight:700;font-size:1.2em;margin-bottom:.6em;color:#080808}.price-section .bonus>.bonus-title::before{content:url(/wp-content/plugins/satu-visi/assets/image/stars.svg);margin-right:.2em}.price-section::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);animation:shimmer 3s infinite}.price{font-size:2em;line-height:1,2em;font-weight:700;margin-bottom:12px;color:#fff;position:relative;z-index:2}.price-container{position:relative;z-index:2}.original-price{font-size:1.2em;margin-bottom:-.6em;color:rgb(255 255 255 / .7);text-decoration:line-through;display:block}.discount-badge{background:#ff4757;color:#fff;padding:.3rem .8em;border-radius:20px;font-size:.8em;font-weight:600;display:inline-block;margin-bottom:.5em;animation:pulse 2s infinite}.price-label{color:rgb(255 255 255 / .9);font-size:.9em;position:relative;z-index:2}.register-btn{display:block;text-decoration:none!important;background:#fff;color:#11998e;border:none;padding:.8em 2em;border-radius:20px;font-weight:600;margin-top:.5em;cursor:pointer;transition:all 0.3s ease;position:relative;z-index:2}.register-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .2);background:#f0f8ff}.status-badge{position:absolute;top:1em;right:1em;background:#ff6b6b;color:#fff;padding:.3em .8em;border-radius:15px;font-size:.8em;font-weight:600}.status-badge.available{background:#51cf66}.status-badge.limited{background:#ffd43b;color:#333}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes shimmer{0%{left:-100%}100%{left:100%}}@media (max-width:768px){.cards-grid{grid-template-columns:1fr;gap:1.5em;margin-top:2em}.page-title{font-size:2em}}@media screen and (min-width:768px){.training-card.single-card{width:370px}}