#cap-wrap{font-family:Poppins,system-ui,sans-serif;max-width:900px;margin:0 auto;background:#FFF7F9;color:#17233B;padding:0 0 24px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(179,25,66,.18)}
#cap-wrap *{box-sizing:border-box}
#cap-wrap .cap-hero{background:linear-gradient(120deg,#F43F5E,#B31942,#7f0f2a,#B31942);background-size:300% 300%;animation:capShine 10s ease infinite;color:#fff;text-align:center;padding:36px 20px 28px}
#cap-wrap .cap-hero h1{font-size:38px;margin:0 0 8px;letter-spacing:-.5px}
#cap-wrap .cap-hero p{margin:0 auto;max-width:620px;opacity:.95;font-size:17px}
#cap-wrap .cap-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
#cap-wrap .cap-chip{background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;animation:capFloat 3s ease-in-out infinite}
#cap-wrap .cap-chip:nth-child(2){animation-delay:.4s}#cap-wrap .cap-chip:nth-child(3){animation-delay:.8s}#cap-wrap .cap-chip:nth-child(4){animation-delay:1.2s}
#cap-wrap .cap-body{padding:22px}
#cap-wrap .cap-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
#cap-wrap .cap-action{background:#fff;border-radius:18px;padding:22px;text-align:center;box-shadow:0 8px 24px rgba(23,35,59,.10);cursor:pointer;transition:transform .25s,box-shadow .25s;animation:capFadeUp .5s ease both}
#cap-wrap .cap-action:nth-child(2){animation-delay:.12s}
#cap-wrap .cap-action:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 16px 32px rgba(179,25,66,.22)}
#cap-wrap .cap-action b{display:block;font-size:20px;margin-bottom:6px}
#cap-wrap .cap-action span{color:#5b6b85;font-size:14px}
#cap-wrap .cap-btn{background:linear-gradient(135deg,#F43F5E,#B31942);color:#fff;border:0;border-radius:14px;padding:13px 22px;font-weight:800;cursor:pointer;font-size:16px;box-shadow:0 8px 20px rgba(179,25,66,.35);transition:transform .2s,box-shadow .2s}
#cap-wrap .cap-btn:hover,#cap-wrap .cap-btn:focus,#cap-wrap .cap-btn:active{background:linear-gradient(135deg,#F43F5E,#B31942);color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(179,25,66,.45)}
#cap-wrap .cap-level,#cap-wrap .cap-filter{background:#fff;color:#17233B;border:2px solid #e8d5da;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer;transition:transform .2s,border-color .2s}
#cap-wrap .cap-level:hover,#cap-wrap .cap-filter:hover{transform:translateY(-2px);border-color:#B31942;color:#17233B}
#cap-wrap .cap-level{width:100%;text-align:left;font-size:17px}
#cap-wrap .cap-level small{display:block;color:#5b6b85;font-weight:500}
#cap-wrap .cap-on{background:linear-gradient(135deg,#F43F5E,#B31942)!important;color:#fff!important;border-color:#B31942!important}
#cap-wrap .cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#cap-wrap .cap-card{perspective:1000px;height:195px;cursor:pointer}
#cap-wrap .cap-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,1.4,.6,1);transform-style:preserve-3d}
#cap-wrap .cap-card.cap-flipped .cap-inner{transform:rotateY(180deg)}
#cap-wrap .cap-face{position:absolute;inset:0;background:#fff;border:2px solid #e8d5da;border-radius:16px;padding:16px;backface-visibility:hidden;box-shadow:0 6px 18px rgba(23,35,59,.08);transition:box-shadow .25s}
#cap-wrap .cap-card:hover .cap-face{box-shadow:0 14px 28px rgba(179,25,66,.20);border-color:#F43F5E}
#cap-wrap .cap-back{transform:rotateY(180deg);background:linear-gradient(180deg,#fff,#FFF1F3)}
#cap-wrap .cap-face h3{margin:0 0 6px;font-size:19px}
#cap-wrap .cap-badge{display:inline-block;background:#FFE8EA;color:#C22A3A;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}
#cap-wrap .cap-badge.ok{background:#E0F6E8;color:#238A4F}
#cap-wrap .cap-qcard{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(23,35,59,.10);animation:capFadeUp .4s ease both}
#cap-wrap .cap-opt{width:100%;text-align:left;background:#fff;color:#17233B;border:2px solid #e8d5da;border-radius:14px;padding:14px 16px;font-weight:700;font-size:16px;cursor:pointer;margin-bottom:10px;transition:transform .2s,border-color .2s,box-shadow .2s}
#cap-wrap .cap-opt:hover,#cap-wrap .cap-opt:focus,#cap-wrap .cap-opt:active{transform:translateX(5px);border-color:#B31942;color:#17233B;box-shadow:0 8px 18px rgba(179,25,66,.15)}
#cap-wrap .cap-opt.correct{background:#E0F6E8!important;border-color:#238A4F!important;color:#17233B!important;animation:capPop .4s ease}
#cap-wrap .cap-opt.wrong{background:#FFE8EA!important;border-color:#C22A3A!important;color:#17233B!important;animation:capShake .4s ease}
#cap-wrap .cap-bar{height:12px;background:#f1dfe3;border-radius:999px;overflow:hidden;margin:12px 0}
#cap-wrap .cap-bar div{height:100%;background:linear-gradient(90deg,#F43F5E,#B31942);width:100%;transition:width 1s linear}
#cap-wrap .cap-note{background:#fff;border-left:5px solid #B31942;border-radius:10px;padding:12px 16px;margin:14px 0;box-shadow:0 6px 16px rgba(23,35,59,.07);animation:capFadeUp .4s ease both}
#cap-wrap input[type=text]{width:100%;padding:12px 14px;border:2px solid #e8d5da;border-radius:14px;font-size:15px;color:#17233B;background:#fff}
#cap-wrap .cap-scorebox{display:flex;justify-content:space-between;align-items:center;background:#17233B;color:#fff;border-radius:14px;padding:12px 16px;font-weight:800}
#cap-wrap .cap-bigscore{width:130px;height:130px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#F43F5E,#B31942);color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;animation:capPop .6s cubic-bezier(.4,1.6,.6,1) both;box-shadow:0 14px 30px rgba(179,25,66,.4)}
@keyframes capShine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes capFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes capPop{0%{transform:scale(.85)}70%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes capShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@keyframes capFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:640px){#cap-wrap .cap-hero h1{font-size:29px}#cap-wrap .cap-actions{grid-template-columns:1fr}#cap-wrap .cap-grid{grid-template-columns:1fr 1fr}}

body.page-id-963 .entry-content-wrap{padding-top:0!important}
body.page-id-963 .entry-content >.wp-block-kadence-rowlayout:first-child .kt-row-column-wrap{padding-top:0!important}
body.page-id-963 #cap-wrap{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:auto!important;max-width:none!important}