/* WoW.css - Sanctuary Interactive Tools Styling */
/* Distinct, cohesive variants with visual hierarchy */

/* ===== CSS CUSTOM PROPERTIES ===== */
:root{--wow-primary:inherit; --wow-accent:inherit; --wow-text:inherit; --wow-bg:transparent; --wow-radius:0.5rem; --wow-shadow:0 1px 3px rgba(0,0,0,0.08); --wow-animation-duration:500ms;}

/* ===== SHARED HEADERS & INSTRUCTIONS ===== */
.wow-container h3{margin:0 0 0.5rem 0; font-size:2.2rem; font-weight:600; color:#cde; letter-spacing:0.05rem; text-align:left;}
.wow-instruction{font-size:1.6rem; color:#bcd; font-style:italic; margin-bottom:1.5rem; line-height:1.5;}
.wow-container div, .wow-container ul, .wow-container li, .wow-container p, .wow-container span{font-size:1.6rem; color:#bcd;}
.wow-container div button div {font-size:1.4rem; color:#bcd; font-weight: 600;}
.wow-container button, .wow-container input{color:#ffffffcc;}

/* ===== VALIDATE ARCHETYPE - HORIZONTAL SPECTRUM ===== */
.wow-validate{width:100%; display:flex; flex-direction:column; gap:1.5rem;}
.wow-validate__spectrum{display:flex; gap:0.5rem; width:100%; height:120px; position:relative;}
.wow-validate__card{flex:1; padding:0 0 1rem 0; background-color:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:var(--wow-radius); cursor:pointer; transition:all 0.25s ease; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; text-align:center; font-size:1.6rem; position:relative; overflow:hidden; white-space: normal;}
.wow-validate__card:nth-child(1){background:linear-gradient(135deg, rgba(76,180,140,0.3) 0%, rgba(76,180,140,0.15) 100%);}
.wow-validate__card:nth-child(2){background:linear-gradient(135deg, rgba(51,204,255,0.3) 0%, rgba(51,204,255,0.15) 100%);}
.wow-validate__card:nth-child(3){background:linear-gradient(135deg, rgba(255,100,100,0.3) 0%, rgba(255,100,100,0.15) 100%);}
.wow-validate__card:nth-child(4){background:linear-gradient(135deg, rgba(255,168,88,0.3) 0%, rgba(255,168,88,0.15) 100%);}
.wow-validate__card::before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.03)); pointer-events:none;}
.wow-validate__card:hover{background-color:rgba(255,255,255,0.15); transform:translateY(-4px); box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.wow-validate__card:focus-visible{outline:2px solid rgba(255,255,255,0.3); outline-offset:2px;}
.wow-validate__scenario{font-weight:500; line-height:1.2; padding:1rem 0.5rem 0 0.5rem; margin-bottom:0;}
.wow-validate__results{min-height:120px; display:flex; align-items:center; justify-content:center; padding:1.5rem; background:linear-gradient(135deg, rgba(76,180,140,0.3) 0%, rgba(76,180,140,0.15) 100%); border:1px solid rgba(255,255,255,0.1); border-radius:var(--wow-radius); animation:wow-cascade var(--wow-animation-duration) ease-out;}
.wow-validate__result-card{text-align:center; width:100%;}
.wow-validate__validation{display:flex; flex-direction:column; align-items:center; gap:0.75rem; font-size:inherit; line-height:1.5;}
.wow-validate__emoji{font-size:5rem !important; line-height:1;}
.wow-validate__text{font-weight:500; opacity:0.9;}

/* ===== REVEAL ARCHETYPE - SLOT MACHINE SPINNER ===== */
.wow-reveal{width:100%; display:flex; flex-direction:column; gap:1rem; align-items:center;}
.wow-reveal__spinner{width:100%; max-width:300px; height:200px; position:relative; background:radial-gradient(circle at center, rgba(255,255,255,0.08), rgba(255,255,255,0.02)); border:2px solid rgba(255,255,255,0.2); border-radius:1rem; overflow:hidden; display:flex; align-items:center; justify-content:center; margin:1rem 0;}
.wow-reveal__spinner-content{font-size:8rem !important; font-weight:bold; text-align:center; animation:none; transition:transform 0.1s;}
.wow-reveal__spinner-content.spinning{animation:wow-spin 0.05s linear;}
.wow-reveal__spinner-inner{position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.wow-reveal__trigger{padding:0.8rem 2rem; font-size:inherit; font-weight:500; text-align:center; cursor:pointer; background-color:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:var(--wow-radius); transition:all 0.25s ease; min-height:44px; width:100%; max-width:300px;}
.wow-reveal__trigger:hover{background-color:rgba(255,255,255,0.1); transform:translateY(-2px);}
.wow-reveal__trigger:disabled{opacity:0.5; cursor:not-allowed;}
.wow-reveal__results{min-height:120px; display:flex; align-items:center; justify-content:center; padding:1.5rem; background:linear-gradient(135deg, rgba(51,204,255,0.3) 0%, rgba(51,204,255,0.15) 100%); border:1px solid rgba(255,255,255,0.1); border-radius:var(--wow-radius); width:100%; max-width:400px;}
.wow-reveal__result-card{text-align:center; animation:wow-cascade var(--wow-animation-duration) ease-out;}
.wow-reveal__icon{font-size:4rem !important; line-height:1; margin-bottom:0.5rem;}
.wow-reveal__label{font-size:1.1rem; font-weight:600; margin-bottom:0.5rem;}
.wow-reveal__insight{font-size:0.95rem; line-height:1.5; opacity:0.85;}

/* ===== TRANSFORM ARCHETYPE - FLIP CARDS ===== */
.wow-transform{width:100%; display:flex; flex-direction:column; gap:1rem;}
.wow-transform__items{display:flex; flex-direction:column; gap:1rem;}
.wow-transform__card{perspective:1000px; height:140px; cursor:pointer; position:relative;white-space: normal;}
.wow-transform__card-inner{position:relative; width:100%; height:100%; transition:transform 0.6s; transform-style:preserve-3d;}
.wow-transform__card-inner.flipped{transform:rotateY(180deg);}
.wow-transform__card-face{position:absolute; width:100%; height:100%; backface-visibility:hidden; padding:1rem; background-color:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:var(--wow-radius); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.wow-transform__card-front{background:linear-gradient(135deg, rgba(255,100,100,0.1) 0%, rgba(255,100,100,0.05) 100%); padding-bottom:1rem;}
.wow-transform__card:nth-child(1) .wow-transform__card-front{background:linear-gradient(135deg, rgba(255,100,100,0.3) 0%, rgba(255,100,100,0.15) 100%);}
.wow-transform__card:nth-child(2) .wow-transform__card-front{background:linear-gradient(135deg, rgba(76,180,140,0.3) 0%, rgba(76,180,140,0.15) 100%);}
.wow-transform__card:nth-child(3) .wow-transform__card-front{background:linear-gradient(135deg, rgba(51,204,255,0.3) 0%, rgba(51,204,255,0.15) 100%);}
.wow-transform__card:nth-child(4) .wow-transform__card-front{background:linear-gradient(135deg, rgba(255,168,88,0.3) 0%, rgba(255,168,88,0.15) 100%);}
.wow-transform__card-back{background:linear-gradient(135deg, rgba(0,255,0,0.05), rgba(255,255,255,0.03)); transform:rotateY(180deg); padding-bottom:1rem;}
.wow-transform__card:hover .wow-transform__card-front{background:radial-gradient(circle at top left, rgba(255,0,0,0.1), rgba(255,255,255,0.05));}
.wow-transform__belief{font-size:1rem; font-weight:500; line-height:1.3; font-style:italic;}
.wow-transform__reframe{display:flex; flex-direction:column; gap:0.5rem; align-items:center;}
.wow-transform__emoji{font-size:3rem !important; flex-shrink:0;}
.wow-transform__text{flex:1; font-size:0.95rem; line-height:1.5;}

/* ===== CELEBRATE ARCHETYPE - CHECKLIST WITH PROGRESS BAR ===== */
.wow-celebrate{width:100%; display:flex; flex-direction:column; gap:1.5rem;}
.wow-celebrate__progress-container{width:100%; background-color:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:1rem; padding:1rem; display:flex; flex-direction:column; gap:0.5rem;}
.wow-celebrate__progress-label{font-size:0.9rem; font-weight:600; opacity:0.8;}
.wow-celebrate__progress-bar{width:100%; height:8px; background-color:rgba(255,255,255,0.08); border-radius:4px; overflow:hidden;}
.wow-celebrate__progress-fill{height:100%; background:linear-gradient(90deg, rgba(76,180,140,0.6), rgba(76,180,140,1)); border-radius:4px; transition:width 0.3s ease; width:0%;}
.wow-celebrate__items{display:flex; flex-direction:column; gap:0.75rem;}
.wow-celebrate__card{padding:1rem; padding-bottom:1rem; background-color:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:var(--wow-radius); cursor:pointer; transition:all 0.25s ease; display:flex; align-items:center; gap:1rem; min-height:44px;white-space: normal;}
.wow-celebrate__card:nth-child(1){background:linear-gradient(135deg, rgba(76,180,140,0.3) 0%, rgba(76,180,140,0.15) 100%);}
.wow-celebrate__card:nth-child(2){background:linear-gradient(135deg, rgba(51,204,255,0.3) 0%, rgba(51,204,255,0.15) 100%);}
.wow-celebrate__card:nth-child(3){background:linear-gradient(135deg, rgba(255,100,100,0.3) 0%, rgba(255,100,100,0.15) 100%);}
.wow-celebrate__card:nth-child(4){background:linear-gradient(135deg, rgba(255,168,88,0.3) 0%, rgba(255,168,88,0.15) 100%);}
.wow-celebrate__card:nth-child(5){background:linear-gradient(135deg, rgba(100,150,200,0.3) 0%, rgba(100,150,200,0.15) 100%);}
.wow-celebrate__card:nth-child(6){background:linear-gradient(135deg, rgba(180,140,100,0.3) 0%, rgba(180,140,100,0.15) 100%);}
.wow-celebrate__card:hover{background-color:rgba(255,255,255,0.1); transform:translateX(4px);}
.wow-celebrate__card:focus-visible{outline:2px solid rgba(255,255,255,0.3); outline-offset:2px;}
.wow-celebrate__card--checked{background-color:rgba(76,180,140,0.15); border-color:rgba(76,180,140,0.3);}
.wow-celebrate__checkbox{width:20px; height:20px; border:2px solid rgba(255,255,255,0.3); border-radius:3px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.25s ease;}
.wow-celebrate__card--checked .wow-celebrate__checkbox{background-color:rgba(76,180,140,0.8); border-color:rgba(76,180,140,1);}
.wow-celebrate__checkmark{font-size:1rem; opacity:0; animation:wow-bounce 0.4s ease-out;}
.wow-celebrate__card--checked .wow-celebrate__checkmark{opacity:1;}
.wow-celebrate__icon{font-size:3rem !important; flex-shrink:0;}
.wow-celebrate__label{font-size:inherit; flex:1; margin-bottom:0; white-space: normal;word-wrap: break-word; line-height:1.15; font-weight:700; text-transform: none;}

/* ===== CONFESS ARCHETYPE - QUOTE CAROUSEL ===== */
.wow-confess{max-width:calc(100% + 4rem); width:calc(100% + 4rem); margin-left:-2rem; display:flex; flex-direction:column; gap:1rem; align-items:center;}
.wow-confess__container{width:120%; display:flex; align-items:center; gap:0; justify-content:center; position:relative;}
.wow-confess__carousel{flex:1; max-width:500px; min-height:220px; display:flex; align-items:center; justify-content:center; padding:2rem 1.5rem; background:linear-gradient(135deg, rgba(100,150,200,0.3) 0%, rgba(100,150,200,0.15) 100%); border:1px solid rgba(255,255,255,0.1); border-radius:1rem; position:relative; overflow:hidden;}
.wow-confess__carousel::before{content:'"'; position:absolute; top:0.5rem; left:1rem; font-size:3rem; opacity:0.15;}
.wow-confess__carousel::after{content:'"'; position:absolute; bottom:0rem; right:1rem; font-size:3rem; opacity:0.15;}
.wow-confess__carousel-inner{display:flex; transition:transform 0.5s ease-out; width:100%;}
.wow-confess__card{flex:0 0 100%; text-align:center; animation:wow-fade 0.5s ease-out; white-space: normal; padding: 1rem;}
.wow-confess__emoji{font-size:5rem !important; line-height:1; margin-bottom:1rem;}
.wow-confess__quote{font-size:1.1rem; font-style:italic; line-height:1.6; margin-bottom:1rem; opacity:0.95;}
.wow-confess__attribution{font-size:0.85rem; opacity:0.6; font-weight:500;}
.wow-confess__arrow{background-color:rgba(255,255,255,0.05); border:none; border-radius:0; cursor:pointer; width:44px; height:44px; display:flex; align-items:center; justify-content:center; transition:all 0.25s ease; z-index:10; padding:0; flex-shrink:0; position:relative;}
.wow-confess__arrow:hover{background-color:rgba(255,255,255,0.15);}
.wow-confess__arrow--left::before{content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:12px solid rgba(255,255,255,0.6); transition:border-right-color 0.25s ease;}
.wow-confess__arrow--left:hover::before{border-right-color:rgba(255,255,255,1);}
.wow-confess__arrow--right::before{content:''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:12px solid rgba(255,255,255,0.6); transition:border-left-color 0.25s ease;}
.wow-confess__arrow--right:hover::before{border-left-color:rgba(255,255,255,1);}
.wow-confess__counter{font-size:0.85rem; opacity:0.6; padding:0.8rem 1rem; text-align:center; width:100%;}

/* ===== PULSE ARCHETYPE - VERTICAL TIMELINE ===== */
.wow-pulse{width:100%; display:flex; flex-direction:column; gap:1rem;}
.wow-pulse__carousel{width:100%; max-width:600px; margin:0 auto; position:relative; overflow:visible;}
.wow-pulse__card{padding:2rem; background:linear-gradient(135deg, rgba(255,204,51,0.2) 0%, rgba(255,204,51,0.1) 100%); border:2px solid rgba(255,204,51,0.3); border-radius:1.1rem; text-align:center; animation:wow-cascade var(--wow-animation-duration) ease-out; box-shadow:0 0 10px rgba(255,204,51,0.2);white-space: normal;}
.wow-pulse__card--glowing{animation:wow-glow-pulse 1.2s ease-in-out;}
.wow-pulse__emoji{font-size:4rem !important; margin-bottom:0.75rem;}
.wow-pulse__title{font-size:1.1rem; font-weight:600; margin-bottom:0.5rem;}
.wow-pulse__description{font-size:0.95rem; line-height:1.5; opacity:0.85;}
.wow-pulse__controls{display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-top:2rem; align-items:center;}
.wow-pulse__next, .wow-pulse__start-over{padding:0.8rem 1.5rem; background-color:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:var(--wow-radius); cursor:pointer; font-size:inherit; font-weight:500; transition:all 0.25s ease; min-height:44px; min-width:100px;}
.wow-pulse__next:hover, .wow-pulse__start-over:hover{background-color:rgba(255,255,255,0.1); transform:translateY(-2px);}
.wow-pulse__next:disabled, .wow-pulse__start-over:disabled{opacity:0.5; cursor:not-allowed; transform:none;}
.wow-pulse__counter{font-size:0.8rem; font-weight:600; opacity:0.6; letter-spacing:0.5px; display:flex; align-items:center; justify-content:center; height:44px; padding:0 1rem;}

/* ===== PERMISSION ARCHETYPE - CLIMBING LADDER ===== */
.wow-permission{width:100%; display:flex; flex-direction:column; gap:1rem; align-items:center;}
.wow-permission__container{width:100%; max-width:500px; position:relative; height:240px;}
.wow-permission__display{position:relative; width:100%; height:100%;}
.wow-permission__rung{padding:1.5rem; padding-bottom:2.5rem; background:linear-gradient(135deg, rgba(76,180,140,0.3) 0%, rgba(76,180,140,0.15) 100%); border:1px solid rgba(76,180,140,0.3); border-radius:0.75rem; text-align:center; position:absolute; width:100%; height:100%; top:0; left:0; display:flex; flex-direction:column; justify-content:center; box-shadow:0 4px 12px rgba(0,0,0,0.15);}
.wow-permission__rung:nth-child(1){background:linear-gradient(135deg, rgba(76,180,140,0.3) 0%, rgba(76,180,140,0.15) 100%);}
.wow-permission__rung:nth-child(2){background:linear-gradient(135deg, rgba(51,204,255,0.3) 0%, rgba(51,204,255,0.15) 100%);}
.wow-permission__rung:nth-child(3){background:linear-gradient(135deg, rgba(255,100,100,0.3) 0%, rgba(255,100,100,0.15) 100%);}
.wow-permission__rung:nth-child(4){background:linear-gradient(135deg, rgba(255,168,88,0.3) 0%, rgba(255,168,88,0.15) 100%);}
.wow-permission__rung:nth-child(5){background:linear-gradient(135deg, rgba(100,150,200,0.3) 0%, rgba(100,150,200,0.15) 100%);}
.wow-permission__rung--active{animation:cardShuffle 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.wow-permission__rung--rest{background:linear-gradient(135deg, rgba(200,180,140,0.3) 0%, rgba(200,180,140,0.15) 100%); border-color:rgba(200,180,140,0.3);}
.wow-permission__emoji{font-size:4rem !important; margin-bottom:0.75rem;}
.wow-permission__action{font-size:1rem; font-weight:600; margin-bottom:0.5rem;}
.wow-permission__affirmation{font-size:0.95rem; line-height:1.5; opacity:0.8; font-style:italic;}
.wow-permission__next{padding:0.8rem 1.5rem; background-color:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:var(--wow-radius); cursor:pointer; font-size:inherit; font-weight:500; transition:all 0.25s ease; min-height:44px; margin-top:1.5rem;}
.wow-permission__next:hover{background-color:rgba(255,255,255,0.1); transform:translateY(-2px);}
.wow-permission__next:disabled{opacity:0.5; cursor:not-allowed; transform:none;}
.wow-permission__reset{padding:0.8rem 1.5rem; background-color:rgba(200,180,140,0.15); border:1.5px solid rgba(200,180,140,0.4); border-radius:var(--wow-radius); cursor:pointer; font-size:inherit; font-weight:500; transition:all 0.25s ease; min-height:44px; margin-top:1.5rem; color:rgba(200,180,140,0.9);}
.wow-permission__reset:hover{background-color:rgba(200,180,140,0.25); border-color:rgba(200,180,140,0.6); transform:translateY(-2px);}
.wow-permission__progress-container{width:100%; max-width:500px; display:flex; flex-direction:column; gap:0.5rem; align-items:center;}
.wow-permission__progress-bar{width:100%; height:8px; background-color:rgba(255,255,255,0.1); border-radius:4px; overflow:hidden; margin-top:1rem;}
.wow-permission__progress-fill{height:100%; background:linear-gradient(90deg, rgba(76,180,140,0.6) 0%, rgba(51,204,255,0.6) 100%); width:0%; transition:width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); border-radius:4px;}
.wow-permission__progress{font-size:0.85rem; opacity:0.6; text-align:center;}

/* ===== ANIMATIONS ===== */
@keyframes wow-fade{from{opacity:0;} to{opacity:1;}}
@keyframes wow-cascade{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);}}
@keyframes wow-bounce{0%, 100%{transform:scale(1);} 50%{transform:scale(1.02);}}
@keyframes wow-spin{from{transform:rotateX(0deg);} to{transform:rotateX(360deg);}}
@keyframes wow-float{0%, 100%{transform:translateY(0px);} 50%{transform:translateY(-8px);}}
@keyframes wow-glow-pulse{0%{box-shadow: 0 0 10px rgba(255,204,51,0.4), 0 0 20px rgba(255,204,51,0.2), inset 0 0 10px rgba(255,204,51,0.1);} 50%{box-shadow: 0 0 30px rgba(255,204,51,0.8), 0 0 60px rgba(255,204,51,0.5), inset 0 0 15px rgba(255,204,51,0.2);} 100%{box-shadow: 0 0 10px rgba(255,204,51,0.4), 0 0 20px rgba(255,204,51,0.2), inset 0 0 10px rgba(255,204,51,0.1);}}
@keyframes cardShuffle{0%{opacity:0; transform:translateX(30px) rotateZ(2deg) scale(0.95);} 50%{transform:translateX(-10px) rotateZ(-1deg) scale(1.02);} 100%{opacity:1; transform:translateX(0) rotateZ(0deg) scale(1);}}

/* ===== UTILITIES ===== */
.wow-hidden{display:none !important;}
.wow-centered{text-align:center;}

/* ===== ACCESSIBILITY ===== */
@media(prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}}

/* ===== VARIANTS - DISTINCT FAMILIES ===== */

/* WARM VARIANT */
.wow-validate--warm .wow-validate__card:hover,
.wow-reveal--warm .wow-reveal__trigger:hover,
.wow-transform--warm .wow-transform__card:hover,
.wow-celebrate--warm .wow-celebrate__card:hover,
.wow-confess--warm .wow-confess__next:hover,
.wow-pulse--warm .wow-pulse__next:hover,
.wow-pulse--warm .wow-pulse__prev:hover,
.wow-permission--warm .wow-permission__next:hover{
 background-color:rgba(200,140,80,0.2);
 border-color:rgba(255,168,88,0.6);
}
.wow-validate--warm .wow-validate__card,
.wow-reveal--warm .wow-reveal__trigger,
.wow-transform--warm .wow-transform__card-face,
.wow-celebrate--warm .wow-celebrate__card,
.wow-confess--warm .wow-confess__carousel,
.wow-pulse--warm .wow-pulse__content,
.wow-permission--warm .wow-permission__rung{
 border:2px solid rgba(255,168,88,0.4);
 background-color:rgba(200,140,80,0.1);
}

/* MINIMAL VARIANT */
.wow-validate--minimal .wow-validate__card:hover,
.wow-reveal--minimal .wow-reveal__trigger:hover,
.wow-transform--minimal .wow-transform__card:hover,
.wow-celebrate--minimal .wow-celebrate__card:hover,
.wow-confess--minimal .wow-confess__next:hover,
.wow-pulse--minimal .wow-pulse__next:hover,
.wow-pulse--minimal .wow-pulse__prev:hover,
.wow-permission--minimal .wow-permission__next:hover{
 background-color:rgba(0,0,0,0.5);
 border-color:rgba(51,204,255,0.5);
}
.wow-validate--minimal .wow-validate__card,
.wow-reveal--minimal .wow-reveal__trigger,
.wow-transform--minimal .wow-transform__card-face,
.wow-celebrate--minimal .wow-celebrate__card,
.wow-confess--minimal .wow-confess__carousel,
.wow-pulse--minimal .wow-pulse__content,
.wow-permission--minimal .wow-permission__rung{
 background-color:rgba(0,0,0,0.3);
 border:0.5px solid rgba(51,204,255,0.25);
}

/* SPACIOUS VARIANT */
.wow-validate--spacious .wow-validate__card:hover,
.wow-reveal--spacious .wow-reveal__trigger:hover,
.wow-transform--spacious .wow-transform__card:hover,
.wow-celebrate--spacious .wow-celebrate__card:hover,
.wow-confess--spacious .wow-confess__next:hover,
.wow-pulse--spacious .wow-pulse__next:hover,
.wow-pulse--spacious .wow-pulse__prev:hover,
.wow-permission--spacious .wow-permission__next:hover{
 background-color:rgba(76,180,140,0.15);
 border-color:rgba(76,180,140,0.6);
}
.wow-validate--spacious .wow-validate__card,
.wow-reveal--spacious .wow-reveal__trigger,
.wow-transform--spacious .wow-transform__card-face,
.wow-celebrate--spacious .wow-celebrate__card,
.wow-confess--spacious .wow-confess__carousel,
.wow-pulse--spacious .wow-pulse__content,
.wow-permission--spacious .wow-permission__rung{
 background-color:rgba(76,180,140,0.08);
 border:3px solid rgba(76,180,140,0.35);
 padding:2rem;
}

/* BOLD VARIANT */
.wow-validate--bold .wow-validate__card:hover,
.wow-reveal--bold .wow-reveal__trigger:hover,
.wow-transform--bold .wow-transform__card:hover,
.wow-celebrate--bold .wow-celebrate__card:hover,
.wow-confess--bold .wow-confess__next:hover,
.wow-pulse--bold .wow-pulse__next:hover,
.wow-pulse--bold .wow-pulse__prev:hover,
.wow-permission--bold .wow-permission__next:hover{
 background-color:rgba(255,204,51,0.2);
 border-color:rgba(255,204,51,0.7);
 border-left-color:rgba(255,204,51,1);
}
.wow-validate--bold .wow-validate__card,
.wow-reveal--bold .wow-reveal__trigger,
.wow-transform--bold .wow-transform__card-face,
.wow-celebrate--bold .wow-celebrate__card,
.wow-confess--bold .wow-confess__carousel,
.wow-pulse--bold .wow-pulse__content,
.wow-permission--bold .wow-permission__rung{
 background-color:rgba(255,204,51,0.12);
 border:2px solid rgba(255,204,51,0.5);
 border-left:6px solid rgba(255,204,51,0.8);
}

/* INTIMATE VARIANT */
.wow-validate--intimate .wow-validate__card:hover,
.wow-reveal--intimate .wow-reveal__trigger:hover,
.wow-transform--intimate .wow-transform__card:hover,
.wow-celebrate--intimate .wow-celebrate__card:hover,
.wow-confess--intimate .wow-confess__next:hover,
.wow-pulse--intimate .wow-pulse__next:hover,
.wow-pulse--intimate .wow-pulse__prev:hover,
.wow-permission--intimate .wow-permission__next:hover{
 background-color:rgba(100,150,200,0.12);
 border-color:rgba(100,150,200,0.25);
 border-top-color:rgba(100,150,200,0.6);
}
.wow-validate--intimate .wow-validate__card,
.wow-reveal--intimate .wow-reveal__trigger,
.wow-transform--intimate .wow-transform__card-face,
.wow-celebrate--intimate .wow-celebrate__card,
.wow-confess--intimate .wow-confess__carousel,
.wow-pulse--intimate .wow-pulse__content,
.wow-permission--intimate .wow-permission__rung{
 background-color:rgba(100,150,200,0.05);
 border:1px solid rgba(100,150,200,0.15);
 border-top:4px solid rgba(100,150,200,0.4);
}

/* EARTHY VARIANT */
.wow-validate--earthy .wow-validate__card:hover,
.wow-reveal--earthy .wow-reveal__trigger:hover,
.wow-transform--earthy .wow-transform__card:hover,
.wow-celebrate--earthy .wow-celebrate__card:hover,
.wow-confess--earthy .wow-confess__next:hover,
.wow-pulse--earthy .wow-pulse__next:hover,
.wow-pulse--earthy .wow-pulse__prev:hover,
.wow-permission--earthy .wow-permission__next:hover{
 background-color:rgba(180,140,100,0.15);
 border-color:rgba(180,140,100,0.5);
 border-top-color:rgba(180,140,100,0.7);
 border-left-color:rgba(180,140,100,0.7);
}
.wow-validate--earthy .wow-validate__card,
.wow-reveal--earthy .wow-reveal__trigger,
.wow-transform--earthy .wow-transform__card-face,
.wow-celebrate--earthy .wow-celebrate__card,
.wow-confess--earthy .wow-confess__carousel,
.wow-pulse--earthy .wow-pulse__content,
.wow-permission--earthy .wow-permission__rung{
 background-color:rgba(180,140,100,0.08);
 border:2px solid rgba(180,140,100,0.3);
 border-top:4px solid rgba(180,140,100,0.5);
 border-left:4px solid rgba(180,140,100,0.5);
}

/* BRIGHT VARIANT */
.wow-validate--bright .wow-validate__card:hover,
.wow-reveal--bright .wow-reveal__trigger:hover,
.wow-transform--bright .wow-transform__card:hover,
.wow-celebrate--bright .wow-celebrate__card:hover,
.wow-confess--bright .wow-confess__next:hover,
.wow-pulse--bright .wow-pulse__next:hover,
.wow-pulse--bright .wow-pulse__prev:hover,
.wow-permission--bright .wow-permission__next:hover{
 background-color:rgba(51,204,255,0.25);
 border-color:rgba(51,204,255,0.9);
}
.wow-validate--bright .wow-validate__card,
.wow-reveal--bright .wow-reveal__trigger,
.wow-transform--bright .wow-transform__card-face,
.wow-celebrate--bright .wow-celebrate__card,
.wow-confess--bright .wow-confess__carousel,
.wow-pulse--bright .wow-pulse__content,
.wow-permission--bright .wow-permission__rung{
 background-color:rgba(51,204,255,0.15);
 border:2px dotted rgba(51,204,255,0.8);
}

/* ===== RESPONSIVE ===== */
@media(max-width:480px){
 .wow-validate__spectrum{height:100px;}
 .wow-validate__scenario{font-size:0.8rem;}
 .wow-confess__carousel{max-width:100%;}
 .wow-permission__ladder{max-width:100%;}
 .wow-pulse__timeline{padding-left:2rem;}
 .wow-pulse__step::before{left:-1.9rem;}
}

@media(print){
 .wow-validate__card, .wow-reveal__trigger, .wow-confess__next, .wow-pulse__next, .wow-pulse__prev, .wow-permission__next{display:none;}
}