/* ===== Landing "Chat Roulette Gay — in arrivo" (/roulette/) — GAYQUEER =====
   Pagina TEMPORANEA: da rimuovere (pagina + questo CSS) al lancio dell'app vera.
   Caricato con ?v={{$smarty.now}} → sempre fresco, ritocchi immediati. */
.rlt{--acc:#1a81c5;--acc2:#4aa3e0;max-width:1040px;margin:0 auto;padding:8px 16px 40px;color:#e8e8e8}
.rlt-hero{position:relative;text-align:center;padding:40px 16px 11px;overflow:hidden}
.rlt-hero .rlt-glow{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);width:min(560px,80%);height:240px;background:radial-gradient(closest-side,rgba(26,129,197,.22),transparent 72%);filter:blur(14px);z-index:0;pointer-events:none}
.rlt-hero>*{position:relative;z-index:1}
.rlt-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;color:#bfe0f5;background:rgba(26,129,197,.14);border:1px solid rgba(26,129,197,.5);padding:7px 14px;border-radius:999px;text-transform:uppercase}
.rlt-dot{width:8px;height:8px;border-radius:50%;background:#4aa3e0;box-shadow:0 0 0 0 rgba(74,163,224,.6);animation:rltpulse 1.8s infinite}
@keyframes rltpulse{0%{box-shadow:0 0 0 0 rgba(74,163,224,.55)}70%{box-shadow:0 0 0 9px rgba(74,163,224,0)}100%{box-shadow:0 0 0 0 rgba(74,163,224,0)}}
.rlt-title{margin:20px 0 12px;font-size:clamp(38px,8vw,72px);font-weight:900;letter-spacing:-.02em;line-height:1.02;color:#fff}
.rlt-title span{background:linear-gradient(90deg,#e40303,#ff8c00,#ffd000,#1a9e4b,#1a81c5,#8a2be2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rlt-sub{margin:0 auto 26px;max-width:560px;font-size:clamp(15px,2.4vw,18px);line-height:1.6;color:#b9bec6}
.rlt-cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.rlt-cta{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;font-weight:800;padding:13px 26px;border-radius:999px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#2b93d6,#1170ad);box-shadow:0 8px 22px rgba(26,129,197,.4);border:0;transition:transform .15s,filter .15s}
.rlt-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
.rlt-cta--ghost{background:transparent;color:#bfe0f5;border:1px solid rgba(108,182,236,.55);box-shadow:none}
.rlt-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:8px 0 26px}
.rlt-card{background:#181818;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;transition:transform .15s,border-color .15s}
.rlt-card:hover{transform:translateY(-4px);border-color:rgba(26,129,197,.5)}
.rlt-ico{font-size:30px;margin-bottom:10px}
.rlt-card h3{margin:0 0 6px;font-size:17px;font-weight:800;color:#fff}
.rlt-card p{margin:0;font-size:14px;line-height:1.55;color:#a9aeb6}
.rlt-tokens{text-align:center;background:linear-gradient(135deg,rgba(26,129,197,.15),rgba(138,43,226,.09));border:1px solid rgba(26,129,197,.4);border-radius:18px;padding:26px 24px;margin:20px 0}
.rlt-tokens-ico{font-size:32px;margin-bottom:8px}
.rlt-tokens h2{margin:0 0 8px;font-size:21px;font-weight:900;color:#fff}
.rlt-tokens p{margin:0 auto 16px;max-width:600px;font-size:14.5px;line-height:1.6;color:#c2c6cd}
.rlt-status{text-align:center;background:linear-gradient(180deg,#141414,#1b1b1b);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:38px 24px;margin-top:12px}
.rlt-status h2{margin:0 0 10px;font-size:clamp(24px,4vw,32px);font-weight:900;color:#fff}
.rlt-status p{margin:0 auto 16px;max-width:600px;font-size:15px;line-height:1.6;color:#b9bec6}
.rlt-status-bar{max-width:420px;margin:18px auto 8px;height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.rlt-status-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#1a81c5,#4aa3e0)}
.rlt-status-note{font-size:12.5px!important;color:#8b9098!important;margin-bottom:20px!important}
@media(max-width:600px){.rlt-hero{padding:32px 8px 26px}.rlt-status{padding:28px 16px}}