/* Rebet24 App — rebet24app.com */
@font-face{font-family:'Sora';font-style:normal;font-weight:400 800;font-display:swap;
src:url(/assets/fonts/sora-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Sora';font-style:normal;font-weight:400 800;font-display:swap;
src:url(/assets/fonts/sora-latin.woff2) format('woff2');
unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--bg:#09090C;--surface:#101218;--line:rgba(255,255,255,.1);--txt:#A6A9B2;--white:#fff;
--dim:#7E8191;--a1:#FC4233;--a2:#FCA732;--grad:linear-gradient(97deg,#FC4233,#FCA732);
--r:8px;--wrap:1140px;--ok:#3ECF8E;--no:#FF6B6B;
--font:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);
font-size:16px;line-height:1.55;overflow-x:hidden;padding-bottom:66px}
@media(min-width:900px){body{padding-bottom:0}}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--a2)}
:focus-visible{outline:3px solid var(--a2);outline-offset:2px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--a1);color:#fff;
padding:12px 20px;font-weight:700}
.skip:focus{left:0}

h1,h2,h3,h4{color:var(--white);font-weight:700;letter-spacing:-.02em;margin:0 0 .18em}
h1{font-size:clamp(2rem,1.1rem + 3.6vw,3.4rem);line-height:1.16;margin-bottom:.3em}
h2{font-size:clamp(1.55rem,.95rem + 2.4vw,2.5rem);line-height:1.18;margin-top:1.5em}
h3{font-size:clamp(1.12rem,1rem + .5vw,1.42rem);line-height:1.25;margin-top:1.3em}
h4{font-size:1.02rem;margin-top:1.1em}
p{margin:0 0 1em}
strong{color:var(--white);font-weight:700}
code{font-family:ui-monospace,Menlo,monospace;font-size:.9em;background:var(--surface);
border:1px solid var(--line);border-radius:5px;padding:.1em .4em}
main a{text-decoration:underline;text-underline-offset:3px}
main a.btn{text-decoration:none;color:#fff}

/* intestazione: solo logo + accesso, come nell'esempio */
.hdr{background:var(--bg);border-bottom:1px solid var(--line)}
.hdr__in{display:flex;align-items:center;gap:12px;min-height:64px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.logo img{width:124px;height:23px}
.logo b{font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
color:var(--dim);border-left:1px solid var(--line);padding-left:9px;white-space:nowrap}
@media(max-width:560px){.logo b{display:none}}
.auth{margin-left:auto;display:flex;gap:8px}
.strip{border-bottom:1px solid var(--line);background:#0B0B0F}
.strip ul{list-style:none;margin:0;padding:9px 0;display:flex;gap:20px;overflow-x:auto;
scrollbar-width:none}
.strip ul::-webkit-scrollbar{display:none}
.strip li{margin:0}
.strip a{color:var(--dim);font-size:.82rem;font-weight:600;text-decoration:none;
white-space:nowrap}
.strip a:hover{color:var(--white)}
.strip a[aria-current="page"]{color:var(--a2)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
font-family:var(--font);font-weight:700;font-size:.86rem;line-height:1;padding:11px 18px;
border-radius:var(--r);border:1px solid transparent;cursor:pointer;text-decoration:none;
transition:filter .18s,transform .18s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn--p{background:var(--grad);color:#fff}
.btn--p:hover{color:#fff}
.btn--o{background:transparent;color:var(--a2);border-color:var(--a1)}
.btn--o:hover{color:var(--a2)}
.btn--lg{padding:17px 40px;font-size:1.02rem}

/* immagini tematiche */
.hero-shot{margin:24px 0 30px}
.hero-shot img{width:100%;border-radius:var(--r);border:1px solid var(--line)}
.shot{margin:26px 0}
.shot img{width:100%;border-radius:var(--r);border:1px solid var(--line)}
.shot figcaption{margin-top:8px;font-size:.8rem;color:var(--dim)}

main{padding-bottom:8px}
.lead{font-size:1.05rem}
ul,ol{margin:0 0 1.1em;padding-left:1.2em}
li{margin-bottom:.42em}
li::marker{color:var(--a1);font-weight:700}

/* tabelle nello stile dell'esempio */
.tw{overflow-x:auto;margin:0 0 1.3em;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
caption{text-align:left;padding:0 0 8px;font-size:.8rem;color:var(--dim);font-weight:600;
caption-side:top}
th,td{padding:11px 13px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
thead th{color:var(--a2);font-weight:700;background:rgba(255,255,255,.025);white-space:nowrap}
tbody th{color:var(--white);font-weight:600}
tbody td{color:var(--txt)}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
.yes{color:var(--ok);font-weight:700}
.no{color:var(--no);font-weight:700}

/* CTA centrata */
.cta{text-align:center;margin:30px 0 34px}
.cta p{margin:0 0 14px;color:var(--dim);font-size:.9rem}

/* pro e contro */
.pc h3{margin-top:1.1em}
.pc--y li::marker{content:"✓  ";color:var(--ok)}
.pc--n li::marker{content:"✗  ";color:var(--no)}

/* FAQ in chiaro */
.qa h3{margin:1.15em 0 .3em;font-size:1.1rem}
.qa p{margin:0 0 .2em}

/* correlati */
.also{list-style:none;padding:0;margin:0 0 1.2em}
.also li{margin-bottom:.55em}
.also a{color:var(--a2);font-weight:600}
.also span{display:block;color:var(--dim);font-size:.88rem;font-weight:400}

blockquote{margin:0 0 1.2em;padding-left:16px;border-left:3px solid var(--a1)}

/* footer */
.ftr{margin-top:34px;border-top:1px solid var(--line);background:#07070A;padding:26px 0 22px}
.ftr__resp{color:var(--a2);font-weight:700;font-size:.9rem;margin:0 0 18px}
.ftr h3{margin:0 0 .4em;font-size:1.2rem}
.ftr p{font-size:.88rem}
.ftr__brand{display:flex;align-items:center;gap:12px;margin:20px 0 14px}
.ftr__brand img.lg{width:118px;height:22px}
.ftr__brand img.fl{width:34px;height:22px;border-radius:3px}
.disc{font-size:.82rem;color:var(--dim)}
.badges{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0}
.badges img{height:40px;width:auto;opacity:.92}
.badges img.b18{height:44px}
.flinks{border-top:1px solid var(--line);padding-top:16px}
.flinks ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0}
.flinks li{margin:0}
.flinks a{color:var(--dim);font-size:.83rem;text-decoration:none}
.flinks a:hover{color:var(--a2);text-decoration:underline}
.cr{margin:16px 0 0;font-size:.8rem;color:var(--dim)}

/* barra bonus fissa, come nell'esempio */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(12,12,16,.97);
backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 14px;
display:flex;align-items:center;gap:12px}
@media(min-width:900px){.bar{display:none}}
.bar[hidden]{display:none}
.bar img{width:92px;height:17px;flex-shrink:0}
.bar .btn{margin-left:auto}
.bar__x{width:30px;height:30px;flex-shrink:0;background:var(--surface);
border:1px solid var(--line);border-radius:8px;color:var(--dim);font-size:17px;
line-height:1;cursor:pointer}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;
scroll-behavior:auto!important}}
@media print{.hdr,.strip,.bar,.cta,.ftr{display:none}body{background:#fff;color:#000}}