/* CoinVoice v1.0.23: only the homepage reward illustration and survey reward badge.
   No selectors for forms, verification, wallet steps, questions or Gateway pages. */
.home-page .cv-reward-visual {min-height:500px;max-width:100%;isolation:isolate}
.home-page .cv-reward-display {width:min(416px,100%);padding:24px;border:1px solid #3f4255;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#567b9b13,transparent 55%),linear-gradient(150deg,#1a1d30,#101423);box-shadow:0 18px 48px #0004,inset 0 1px 0 #ffffff06;position:relative;overflow:hidden}
.home-page .cv-reward-display-head {display:flex;justify-content:space-between;align-items:center;gap:14px;font:400 12px/1.5 var(--font-interface);letter-spacing:0;text-transform:none;color:#b2b7cb}
.home-page .cv-reward-display-head>span:first-child {max-width:180px}
.home-page .cv-reward-time {display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#a0a8c0;font-size:11px}
.home-page .cv-reward-time>svg {width:14px;height:14px;flex:none}
.home-page .cv-reward-art {position:relative;width:100%;aspect-ratio:4/3;margin:4px 0 8px;isolation:isolate}
.home-page .cv-reward-art::before {content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(ellipse,#797cc119,transparent 65%);z-index:-1}
.home-page .cv-reward-tracks {position:absolute;inset:0;width:100%;height:100%;stroke:#626888;stroke-width:.7;opacity:.25}
.home-page .cv-asset-disc {position:absolute;border-radius:50%;display:grid;place-items:center;padding:6px;background:linear-gradient(135deg,#484d63,#151a2b 70%);border:1px solid #70748b66;box-shadow:0 9px 17px #07091259,inset 0 1px 1px #ffffff21;aspect-ratio:1;transform:translate(-50%,-50%)}
.home-page .cv-asset-disc img {width:100%;height:100%;object-fit:contain;display:block;border-radius:50%;aspect-ratio:1}
.home-page .cv-asset-btc {left:50%;top:50%;width:34%;padding:7px;background:linear-gradient(135deg,#6b6258,#272938);border-color:#a3946766;box-shadow:0 14px 24px #080a1559,inset 0 1px 1px #ffefbe30}
.home-page .cv-asset-eth {left:18.3%;top:25.2%;width:19%}
.home-page .cv-asset-bnb {left:82.5%;top:25.2%;width:19%}
.home-page .cv-asset-xrp {left:20%;top:80%;width:17.5%}
.home-page .cv-asset-sol {left:80%;top:80%;width:17.5%}
.home-page .cv-reward-summary {text-align:center;margin:0 0 21px}
.home-page .cv-reward-summary .reward-amount {font:600 clamp(25px,2.45vw,32px)/1.15 var(--font-interface);letter-spacing:-1.2px;color:#f3f4fc;margin:0;overflow-wrap:normal}
.home-page .cv-reward-summary>p {font:400 11px/1.7 var(--font-interface);color:#9ba3be;margin:9px 0 0;letter-spacing:0}
.home-page .cv-reward-details {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;border-top:1px solid #34394e;padding-top:19px}
.home-page .cv-reward-details>div {display:flex;align-items:start;gap:8px;min-width:0}
.home-page .cv-reward-details>div>svg {width:18px;height:18px;flex:0 0 18px;color:#a5b3d8;margin-top:1px}
.home-page .cv-reward-details>div>span {min-width:0}
.home-page .cv-reward-details b {display:block;font:500 12px/1.45 var(--font-interface);color:#dde2f5;letter-spacing:-.15px}
.home-page .cv-reward-details small {display:block;font:400 10px/1.6 var(--font-interface);color:#969fbc;margin-top:4px;letter-spacing:0}
/* Static, legible reward copy; only the thin rim turns. */
@property --cv-reward-rim-angle {syntax:"<angle>";inherits:false;initial-value:30deg}
.survey-page .cv-reward-orb {width:180px;height:180px;min-width:180px;position:relative;display:grid;place-items:center;padding:0;border:0;border-radius:50%;isolation:isolate;overflow:hidden;background:#151620;box-shadow:0 10px 28px #0003;justify-self:center;flex-direction:initial;gap:0}
.survey-page .cv-reward-orb::before {content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--cv-reward-rim-angle,30deg),color-mix(in srgb,var(--coin2),transparent 73%) 0deg,color-mix(in srgb,var(--coin2),transparent 73%) 200deg,var(--coin2) 264deg,color-mix(in srgb,var(--coin2),transparent 73%) 300deg);animation:cv-reward-rim-turn 14s linear infinite;z-index:-2}
.survey-page .cv-reward-orb::after {content:"";position:absolute;inset:2px;border-radius:50%;background:radial-gradient(circle at 40% 22%,color-mix(in srgb,var(--coin),#13151d 91%),#11131c 76%);box-shadow:inset 0 0 0 5px #141720;z-index:-1}
.survey-page .cv-reward-orb-copy {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;text-align:center;padding:19px 11px;max-width:100%}
.survey-page .cv-reward-orb-copy small {font:400 11px/1.5 var(--font-interface);color:#b7bacc;letter-spacing:0;text-transform:none}
.survey-page .cv-reward-orb-copy strong {font:600 21px/1.25 var(--font-interface);letter-spacing:-.7px;color:var(--coin2);margin:10px 0;max-width:156px;text-wrap:balance;overflow-wrap:anywhere}
.survey-page .cv-reward-orb-copy>span {font:400 10px/1.5 var(--font-interface);letter-spacing:0;text-transform:none;color:#969eb6}
@keyframes cv-reward-rim-turn {from{--cv-reward-rim-angle:30deg}to{--cv-reward-rim-angle:390deg}}
@media(max-width:1000px){
 .home-page .cv-reward-visual {min-height:0;margin-top:0}
 .home-page .cv-reward-display {width:min(420px,100%)}
 .home-page .cv-reward-summary .reward-amount {font-size:30px}
 .survey-page .cv-reward-orb {grid-column:1/-1;width:158px;height:158px;min-width:158px;margin-top:2px;padding:0}
 .survey-page .cv-reward-orb-copy strong {font-size:19px;max-width:140px}
}
@media(max-width:460px){
 .home-page .cv-reward-display {padding:21px 18px;border-radius:22px}
 .home-page .cv-reward-display-head {font-size:10px;gap:8px}
 .home-page .cv-reward-time {font-size:9px}
 .home-page .cv-reward-summary .reward-amount {font-size:27px;letter-spacing:-1px}
 .home-page .cv-reward-details {gap:10px;padding-top:16px}
 .home-page .cv-reward-details>div {gap:6px}
 .home-page .cv-reward-details>div>svg {width:15px;height:15px;flex-basis:15px}
 .home-page .cv-reward-details b {font-size:10px}
 .home-page .cv-reward-details small {font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .survey-page .cv-reward-orb::before {animation:none!important;transform:none!important}
}

/* v1.0.24: each existing coin floats within its reserved illustration area.
   Keep the centering transform at every keyframe; labels/card/reward amount stay still. */
.home-page .cv-asset-disc {
 --cv-coin-rise:-6px;
 animation:cv-asset-float 6.2s ease-in-out infinite;
}
.home-page .cv-asset-btc {--cv-coin-rise:-6px;animation-duration:5.8s;animation-delay:-1.1s}
.home-page .cv-asset-eth {--cv-coin-rise:-8px;animation-duration:6.6s;animation-delay:-2.5s}
.home-page .cv-asset-bnb {--cv-coin-rise:-7px;animation-duration:6.1s;animation-delay:-.4s}
.home-page .cv-asset-xrp {--cv-coin-rise:-5px;animation-duration:7s;animation-delay:-3.2s}
.home-page .cv-asset-sol {--cv-coin-rise:-7px;animation-duration:6.3s;animation-delay:-1.8s}
@keyframes cv-asset-float {
 0%,100% {transform:translate(-50%,-50%) translateY(0)}
 50% {transform:translate(-50%,-50%) translateY(var(--cv-coin-rise))}
}
@media(prefers-reduced-motion:reduce){
 .home-page .cv-asset-disc {animation:none!important;transform:translate(-50%,-50%)}
}