/* Short Polish quiz at /start. Scoped to .xq-frame, so the long quiz and the chat keep their look. */
.xq-frame{--xq-accent:#ff2e6e;--xq-cta:#b3174a;--xq-cta-hover:#c81f55;--xq-card:#1b1418;--xq-card-line:#2a2227;--xq-muted:#a8a1a5;--xq-floor:#0b0507;background:radial-gradient(130% 46% at 50% 0%,#2b0813 0%,#16080d 48%,var(--xq-floor) 100%) no-repeat,var(--xq-floor)}
.xq-view{min-height:100svh;display:flex;flex-direction:column}
.xq-form{flex:1;display:flex;flex-direction:column;margin:0}
.xq-main{flex:1;padding:6px 24px 28px}
.xq-header{height:74px}
.xq-frame .brand>span{color:var(--xq-accent)}
.xq-frame .back{color:#e9e4e7}
.xq-progress{margin-bottom:14px;background:#2a2227}
.xq-progress::-webkit-progress-bar{background:#2a2227}
.xq-progress::-webkit-progress-value{background:var(--xq-accent)}
.xq-progress::-moz-progress-bar{background:var(--xq-accent)}
.xq-frame button:focus-visible,.xq-frame input:focus-visible{outline-color:var(--xq-accent)}

.xq-heading{text-align:center;margin:14px 0 26px}
.xq-heading h1{font-size:31px;line-height:1.16;letter-spacing:-.6px;font-weight:700;text-wrap:balance}
.xq-heading h1 em{font-style:normal;color:var(--xq-accent)}
.xq-frame h1:focus{outline:none}
.xq-heading p{margin-top:12px;color:var(--xq-muted);font-size:16px;line-height:1.45;text-wrap:balance}

.xq-options{display:grid;gap:14px}
.xq-option{display:flex;align-items:center;gap:16px;width:100%;min-height:76px;padding:16px 22px;border-radius:24px;background:var(--xq-card);border:1px solid transparent;color:#f6f3f5;font-size:17px;line-height:1.3;text-align:left;transition:border-color .15s,background .15s,transform .1s}
.xq-option:hover{background:#221a1f}
.xq-option:active{transform:scale(.99)}
.xq-option.selected{border-color:var(--xq-accent);background:#2a131c}
.xq-option:disabled{cursor:default;opacity:1}
.xq-label{flex:1;min-width:0}
.xq-icon{flex:none;width:26px;height:26px;color:#f6f3f5}
.xq-chevron{width:22px;height:22px;color:#d8d2d6}
.xq-compact{gap:9px}
.xq-compact .xq-option{min-height:56px;padding:9px 20px;border-radius:18px}
.xq-box{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:6px;border:1.5px solid #6c6469;color:transparent;transition:background .15s,border-color .15s}
.xq-tick{width:16px;height:16px;color:inherit;stroke-width:3}
.xq-check.selected .xq-box{background:var(--xq-accent);border-color:var(--xq-accent);color:#fff}

.xq-intro{display:flex;flex-direction:column}
.xq-frame .hero-collage{background:transparent;height:min(335px,42svh)}
.xq-frame .hero-shade{background:linear-gradient(0deg,#14080c 0%,transparent 48%)}
/* Four cards in the fan of the long quiz's collage: two outer cards behind, two inner cards in front. */
.xq-hero-card{position:absolute;display:block;overflow:hidden;border-radius:14px;background:#1b1418;box-shadow:0 0 28px #0009}
.xq-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.xq-hero-0{left:-2%;width:31%;top:17%;height:80%;transform:rotate(-9deg);z-index:1}
.xq-hero-1{left:19%;width:33%;top:4%;height:91%;transform:rotate(-3deg);z-index:3}
.xq-hero-2{left:48%;width:33%;top:4%;height:91%;transform:rotate(3deg);z-index:4}
.xq-hero-3{left:71%;width:31%;top:17%;height:80%;transform:rotate(9deg);z-index:1}
/* The women's portraits are wider shots: bring the faces to the scale of the men's close-ups. */
.xq-hero-kira .xq-hero-image{transform:scale(1.72);transform-origin:45% 11%}
.xq-hero-nastia .xq-hero-image{transform:scale(1.75);transform-origin:50% 10%}
.xq-intro .xq-heading{margin:22px 0 26px}
.xq-intro .xq-heading h1{font-size:34px}
.xq-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.xq-pill{min-height:58px;padding:14px 20px;border-radius:999px;background:#211c1f;border:1px solid #3b3338;color:#fff;font-size:17px;font-weight:650;transition:background .15s,border-color .15s}
.xq-pill:hover{background:#2b2529}
.xq-pill.primary-pill{background:var(--xq-cta);border-color:var(--xq-cta);box-shadow:0 10px 30px #b3174a40}
.xq-pill.primary-pill:hover{background:var(--xq-cta-hover)}
.xq-pill.selected{border-color:#fff}

.xq-input{display:block;width:100%;height:64px;padding:0 20px;border-radius:20px;background:#ffffff12;border:1px solid #3d3339;color:#fff;font-size:17px}
.xq-input::placeholder{color:#a39ca1}
.xq-input:focus{border-color:var(--xq-accent);outline:none}
.xq-note{display:flex;align-items:flex-start;gap:10px;margin:18px 2px 0;color:var(--xq-muted);font-size:14px;line-height:1.45;max-width:440px}
.xq-shield{width:22px;height:22px;color:var(--xq-muted);margin-top:1px}

.xq-cta{position:sticky;bottom:0;z-index:3;display:flex;justify-content:center;padding:22px 24px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,var(--xq-floor) 46%)}
.xq-continue{width:min(100%,410px);min-height:58px;padding:14px 24px;border-radius:999px;background:var(--xq-cta);color:#fff;font-size:17px;font-weight:650;letter-spacing:.2px;transition:background .15s,color .15s}
.xq-continue:hover{background:var(--xq-cta-hover)}
.xq-continue:disabled{background:#65102d;color:#ffffff73;cursor:default;opacity:1}
.xq-continue[data-busy]{cursor:wait}

.xq-loading{display:flex;flex-direction:column;align-items:center;padding-top:34px}
.xq-ring{position:relative;width:220px;height:220px}
.xq-ring svg{display:block;width:100%;height:100%}
.xq-ring strong{position:absolute;inset:0;display:grid;grid-auto-flow:column;place-content:center;align-items:baseline;font-size:44px;font-weight:650;letter-spacing:-1px}
.xq-ring small{font-size:24px;font-weight:650;margin-left:2px}
.xq-loading h1{margin:36px 0 38px;font-size:30px;line-height:1.2;letter-spacing:-.6px;text-align:center;text-wrap:balance}
.xq-reviews{width:100%}
.xq-review{width:100%;padding:22px 22px 24px;border-radius:22px;border:1px solid #ffffff59;background:#16070c;text-align:left;min-height:252px;animation:xq-review-in .35s ease-out}
@keyframes xq-review-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.xq-review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.xq-review-top small{color:var(--xq-muted);font-size:14px}
.xq-stars{display:inline-flex;gap:3px;color:#ffc83d}
.xq-star{display:block;width:20px;height:20px}
.xq-review-author{display:flex;align-items:center;gap:10px;margin:12px 0 18px;font-size:16px;color:#f1edef}
.xq-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff2e6e,#7a1238);color:#fff;font-size:13px;font-weight:700}
.xq-review h2{font-size:18px;line-height:1.3;font-weight:650;margin-bottom:12px}
.xq-review p{color:var(--xq-muted);font-size:16px;line-height:1.5}
.xq-dots{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:22px}
.xq-dots i{width:7px;height:7px;border-radius:50%;background:#6e666b;transition:width .2s,background .2s}
.xq-dots i.on{width:26px;border-radius:6px;background:#fff}

.xq-minor{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.xq-minor .text{font-size:15px;margin-top:6px}
.xq-frame .error{margin-top:16px}
.xq-frame footer{background:var(--xq-floor)}

/* Tariff screen of the short quiz (owner's second reference). The long quiz keeps its own look of step 20. */
.xq-offer{--pink:#ff2e6e;background:#0d0508}
.xq-offer .main{padding-inline:20px}
.xq-offer .offer-sticky{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px 12px;background:#0d0508f2;border-bottom:0}
.xo-timer{display:inline-grid;justify-items:center;gap:2px}
.xo-clock{font-size:25px;font-weight:650;line-height:1;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:#fff;white-space:pre}
.xo-units{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;text-align:center}
.xo-units small{font-size:10px;line-height:1.2;color:var(--xq-muted)}
.xq-offer .offer-sticky .primary.small{min-height:46px;padding:10px 30px;border-radius:999px;background:var(--xq-cta);border-color:var(--xq-cta);color:#fff;font-size:15px;font-weight:600;letter-spacing:.3px;box-shadow:0 8px 26px #b3174a55}
.xq-offer .offer-sticky .primary.small:hover{background:var(--xq-cta-hover)}
.xo-heading{text-align:center;margin:22px 0 22px}
.xo-heading h1{font-size:30px;line-height:1.18;letter-spacing:-.6px;text-wrap:balance}
.xo-heading p{margin-top:8px;font-size:22px;line-height:1.3;letter-spacing:-.3px;color:#fff;text-wrap:balance}
.xo-heading em{font-style:normal;color:var(--xq-accent)}
.xo-ticket{position:relative;border:1px solid #3b3437;border-radius:20px;background:#1c1819;margin-bottom:22px}
.xo-ticket>p{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 16px 18px;font-size:16px;line-height:1.35;text-align:center}
.xo-tag{width:20px;height:20px}
.xo-ticket-cut{position:relative;border-top:1.5px dashed #5a5256;margin:0 14px}
.xo-ticket-cut::before,.xo-ticket-cut::after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:#10060a;border:1px solid #3b3437}
.xo-ticket-cut::before{left:-27px;clip-path:inset(0 0 0 50%)}
.xo-ticket-cut::after{right:-27px;clip-path:inset(0 50% 0 0)}
.xo-ticket-bottom{padding:16px 12px 14px}
.xo-ticket-bottom .xo-timer{padding:9px 14px 8px;border-radius:10px;background:#2c2729}
.xo-ticket-bottom .xo-clock{font-size:20px;font-weight:550}
.xo-ticket-bottom .xo-units{gap:10px}
.xo-ticket-bottom .xo-units small{font-size:11px;color:#c9c2c5}
.xq-offer .purchase-options .plans{gap:18px}
.xq-offer .purchase-options .plan{grid-template-columns:24px minmax(0,1fr) auto;column-gap:12px;min-height:96px;padding:16px 16px;border-radius:16px;background:#151112;border:1px solid #3b3437;box-shadow:none;overflow:hidden}
.xq-offer .purchase-options .plan.selected{background:#2a0915;border-color:var(--xq-cta);box-shadow:0 0 0 1px var(--xq-cta)}
.xq-offer .purchase-options .plan.xo-featured{padding-top:42px}
.xo-ribbon{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;justify-content:center;gap:6px;height:28px;background:var(--xq-cta);color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.xo-ribbon .xq-star{width:15px;height:15px;color:#fff}
.xq-offer .plan .radio{width:24px;height:24px;border:2px solid #7c7478}
.xq-offer .plan.selected .radio{border-color:var(--xq-accent);background:var(--xq-accent);box-shadow:inset 0 0 0 4px #2a0915}
.xo-plan-title{min-width:0}
.xo-plan-title strong{display:block;font-size:17px;font-weight:650;line-height:1.2;text-transform:uppercase;letter-spacing:.2px}
.xo-plan-title small{display:block;margin-top:5px;font-size:12px;line-height:1.35;color:var(--xq-muted)}
.xo-plan-price{display:grid;justify-items:end;gap:4px;white-space:nowrap}
.xo-plan-price strong{font-size:18px;font-weight:650}
.xo-plan-price s{font-size:15px;color:#a39ca1}
.xq-offer .purchase-options .purchase-terms{padding-top:18px}
.xq-offer .purchase-terms strong{color:#fff}
.xq-offer .purchase-options .next-wrap{display:grid;justify-items:center;margin-top:18px}
.xq-offer .purchase-options .next-wrap .error{width:100%}
.xq-offer [data-action="order"]{width:min(100%,250px);min-height:60px;border-radius:999px;background:var(--xq-cta);border-color:var(--xq-cta);color:#fff;font-size:17px;font-weight:600;letter-spacing:.4px;box-shadow:0 10px 30px #b3174a45}
.xq-offer [data-action="order"]:hover:not(:disabled){background:var(--xq-cta-hover);border-color:var(--xq-cta-hover)}
.xq-offer [data-action="order"]:active:not(:disabled){background:#9c1440;box-shadow:0 4px 14px #b3174a35}
.xo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.xo-phones{display:flex;align-items:flex-end;justify-content:center;margin:44px 0 8px;padding:34px 10px 0;border-radius:18px;background:radial-gradient(120% 90% at 50% 100%,#3a0d1d 0%,#130a12 55%,#0c0a10 100%);overflow:hidden}
.xo-phone{position:relative;flex:none;width:31%;aspect-ratio:9/17;margin-bottom:-26px;border:3px solid #4a4348;border-bottom:0;border-radius:22px 22px 0 0;background:#1b1418;overflow:hidden;box-shadow:0 0 30px #000a}
.xo-phone-main{width:38%;aspect-ratio:9/16.5;margin:0 -3% -6px;z-index:2;border-color:#6a6166}
.xo-phone-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.xo-phone-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0507e6 0%,transparent 46%,transparent 78%,#0b050799 100%)}
.xo-phone-name{position:absolute;left:8px;right:8px;bottom:36px;text-align:center;font-size:12px;font-weight:650;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xo-phone-main .xo-phone-name{bottom:46px;font-size:15px}
.xo-phone-cta{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:5px 12px;border-radius:999px;background:#fff;color:#14080c;font-size:9px;font-weight:700;white-space:nowrap}
.xq-offer .included{margin-top:40px}
.xq-offer .included article>span{color:var(--xq-accent)}
@media (max-width:380px){.xq-offer .main{padding-inline:16px}.xo-heading h1{font-size:27px}.xo-heading p{font-size:20px}.xo-plan-title strong{font-size:15px}.xo-plan-title small{font-size:11px}.xo-plan-price strong{font-size:17px}.xo-plan-price s{font-size:14px}.xq-offer .purchase-options .plan{padding-inline:13px;column-gap:10px}.xq-offer .offer-sticky .primary.small{padding-inline:22px}}
/* A short viewport (landscape or an open keyboard) lets the button follow the field instead of covering it. */
@media (max-height:560px){.xq-cta{position:static;padding-top:8px;background:none}.xq-header{height:60px}.xq-heading{margin:8px 0 18px}}
@media (max-width:380px){.xq-main{padding-inline:18px}.xq-heading h1{font-size:27px}.xq-intro .xq-heading h1{font-size:30px}.xq-option{font-size:16px;padding-inline:18px}.xq-loading h1{font-size:26px}}
@media (prefers-reduced-motion:reduce){.xq-option,.xq-pill,.xq-continue,.xq-box,.xq-dots i{transition:none}.xq-review{animation:none}}