html, body.ctv-aov-standalone {
margin: 0;
width: 100%;
min-height: 100%;
background: #071936;
}
body.ctv-aov-standalone {
min-height: 100vh;
min-height: 100dvh;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.ctv-aov-page { margin:0 !important; }
.ctv-aov-shell {
position: fixed;
inset: 0;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 24px;
background: linear-gradient(145deg,#071936,#0b2d5e 58%,#0c3d73);
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.ctv-aov-card {
width: min(100%, 500px);
box-sizing: border-box;
background:#fff;
border-radius:22px;
padding:36px;
box-shadow:0 24px 70px rgba(0,0,0,.28);
color:#12233b;
}
.ctv-aov-mark { font-size:34px; line-height:1; margin-bottom:14px; }
.ctv-aov-card h1 { margin:0 0 8px; font-size:32px; line-height:1.1; color:#0b254d; }
.ctv-aov-subtitle { margin:0 0 28px; color:#5a6778; font-size:16px; }
.ctv-aov-card label { display:block; font-size:14px; font-weight:700; margin:15px 0 7px; }
.ctv-aov-card input {
width:100%; box-sizing:border-box; border:1px solid #cdd5df; border-radius:12px;
padding:14px 15px; font-size:18px; outline:none; background:#fff; color:#172033;
}
.ctv-aov-card input:focus { border-color:#1f68c5; box-shadow:0 0 0 3px rgba(31,104,197,.13); }
.ctv-aov-primary,.ctv-aov-secondary {
width:100%; border:0; border-radius:12px; cursor:pointer; font-weight:800; font-size:16px; padding:15px 18px;
}
.ctv-aov-primary { margin-top:24px; background:#ef7d21; color:white; }
.ctv-aov-primary:hover { filter:brightness(.96); }
.ctv-aov-secondary { background:#edf2f7; color:#183153; margin-top:14px; }
.ctv-aov-note { font-size:12px; text-align:center; color:#788394; margin:12px 0 0; }
.ctv-aov-closed-box { padding:19px; border-radius:14px; background:#f3f6fa; border:1px solid #e3e8ef; }
.ctv-aov-closed-box strong { display:block; margin-bottom:6px; }
.ctv-aov-closed-box p { margin:0; color:#5c6878; }
.ctv-aov-error { background:#fff0f0; color:#9e2525; padding:12px 14px; border-radius:10px; margin-top:15px; font-size:14px; }
.ctv-aov-spinner { width:35px;height:35px;border:4px solid #e4e8ed;border-top-color:#ef7d21;border-radius:50%;animation:ctvSpin .8s linear infinite;margin:0 auto 15px; }
#ctv-aov-loading { text-align:center; padding:14px 0; }
#ctv-aov-loading p { color:#667385; font-size:14px; }
@keyframes ctvSpin { to { transform:rotate(360deg); } } body.ctv-aov-in-meeting { overflow:hidden !important; background:#000; }
@media (max-width:600px) {
.ctv-aov-shell { padding:14px; align-items:center; }
.ctv-aov-card { border-radius:18px; padding:25px 21px; }
.ctv-aov-card h1 { font-size:27px; }
.ctv-aov-card input { font-size:16px; }
}