/* USA Casino Game Agent — landing page styles */
*{margin:0;padding:0;box-sizing:border-box}
:root{--pu:#7c3aed;--pu4:#a78bfa;--gold:#fbbf24;--gold5:#f59e0b;--gr:#34d399;--bg:#0a0812}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:#e9e5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
 line-height:1.65;overflow-x:hidden;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:
 radial-gradient(900px 520px at 12% -8%,rgba(124,58,237,.30),transparent 62%),
 radial-gradient(760px 460px at 88% 6%,rgba(37,99,235,.22),transparent 60%),
 radial-gradient(700px 500px at 50% 108%,rgba(245,158,11,.13),transparent 60%)}
a{color:inherit;text-decoration:none}
/* Long download URLs (e.g. start.orionstars.vip:8580/index.html) must never
   push the layout wider than the phone. Break them mid-string instead. */
p,h1,h2,h3,li,summary,td,th{overflow-wrap:anywhere;word-break:break-word}
.step p a{overflow-wrap:anywhere}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* header */
.hd{position:sticky;top:0;z-index:50;background:rgba(10,8,18,.86);backdrop-filter:blur(14px);
 border-bottom:1px solid rgba(255,255,255,.07)}
.hd-in{max-width:1080px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;gap:12px}
.lg{display:flex;align-items:center;gap:10px}
.lg svg{width:40px;height:32px;flex:none}
.lg b{font-size:16px;font-weight:900;letter-spacing:-.3px;
 background:linear-gradient(135deg,#fff3c4,#f7c948 45%,#d99b1e);-webkit-background-clip:text;
 background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.lg s{display:block;font-size:9.5px;letter-spacing:2.2px;color:#8b83a8;text-decoration:none;font-weight:700}
.hd nav{margin-left:auto;display:flex;gap:6px;align-items:center}
.hd nav a{font-size:13px;font-weight:600;color:#b9b2d0;padding:7px 12px;border-radius:9px;transition:.18s}
.hd nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.hd nav a.cta{background:linear-gradient(135deg,var(--pu),#2563eb);color:#fff;box-shadow:0 4px 16px rgba(124,58,237,.4)}
@media(max-width:720px){.hd nav a.hide-s{display:none}.lg b{font-size:14px}}

/* hero */
.hero{padding:52px 0 40px;text-align:center;position:relative}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800;letter-spacing:1.4px;
 text-transform:uppercase;padding:7px 16px;border-radius:999px;color:var(--gold);
 background:rgba(245,158,11,.11);border:1px solid rgba(245,158,11,.28);margin-bottom:20px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--gr);box-shadow:0 0 9px var(--gr);animation:bp 1.9s infinite}
@keyframes bp{0%,100%{opacity:1}50%{opacity:.35}}
h1{font-size:clamp(29px,5.4vw,52px);font-weight:900;letter-spacing:-1.4px;line-height:1.1;margin-bottom:16px}
h1 em{font-style:normal;background:linear-gradient(135deg,#fff3c4,#f7c948 42%,#d99b1e);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sub{font-size:clamp(15px,2vw,18px);color:#b0a8c9;max-width:640px;margin:0 auto 26px}
.gshot{width:132px;height:132px;border-radius:26px;object-fit:cover;margin:0 auto 22px;
 border:2px solid rgba(251,191,36,.34);box-shadow:0 18px 46px rgba(0,0,0,.6)}

/* buttons */
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.b{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:14px;font-weight:800;
 font-size:15px;transition:.2s;border:1px solid transparent;cursor:pointer}
.b:hover{transform:translateY(-2px)}
.b1{background:linear-gradient(135deg,var(--gold5),var(--gold));color:#231703;box-shadow:0 10px 30px rgba(245,158,11,.36)}
.b2{background:linear-gradient(135deg,var(--pu),#2563eb);color:#fff;box-shadow:0 10px 30px rgba(124,58,237,.36)}
.b3{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#e9e5f5}
.note{font-size:12.5px;color:#7d7596}

/* strip */
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:34px 0 6px}
.strip div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);
 border-radius:15px;padding:16px 10px;text-align:center}
.strip b{display:block;font-size:21px;font-weight:900;color:var(--gold);line-height:1.2}
.strip span{font-size:11px;color:#8f87ab;font-weight:600;letter-spacing:.4px}
@media(max-width:600px){.strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* sections */
section{padding:44px 0}
h2{font-size:clamp(22px,3.4vw,32px);font-weight:900;letter-spacing:-.8px;margin-bottom:10px}
h3{font-size:17px;font-weight:800;margin-bottom:7px;color:#f3f0ff}
.lead{color:#a79fc2;margin-bottom:26px;max-width:720px}
.card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085);
 border-radius:18px;padding:22px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.grid3 p{font-size:14px;color:#a79fc2}
.step{display:flex;gap:14px;margin-bottom:16px;align-items:flex-start}
.n{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900;
 font-size:15px;background:linear-gradient(135deg,var(--pu),#2563eb);color:#fff}
.step p{font-size:14.5px;color:#a79fc2}

/* bonus table */
.bt{width:100%;border-collapse:collapse;font-size:15px;overflow:hidden;border-radius:14px}
.bt th{background:rgba(124,58,237,.22);color:#e5dcff;font-size:12px;letter-spacing:1.1px;
 text-transform:uppercase;padding:12px;text-align:left}
.bt td{padding:12px;border-top:1px solid rgba(255,255,255,.07)}
.bt tr td:last-child{color:var(--gr);font-weight:800}
.bt tr:nth-child(even){background:rgba(255,255,255,.025)}

/* faq */
details{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
 border-radius:14px;padding:15px 18px;margin-bottom:10px}
details[open]{border-color:rgba(124,58,237,.36)}
summary{font-weight:700;cursor:pointer;font-size:15px;list-style:none;display:flex;
 justify-content:space-between;gap:12px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:21px;color:var(--pu4);flex:none;line-height:1}
details[open] summary::after{content:"−"}
details p{margin-top:11px;font-size:14.5px;color:#a79fc2}

/* other games */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:11px}
.tile{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:14px;
 padding:11px 8px;text-align:center;transition:.18s}
.tile:hover{border-color:rgba(251,191,36,.42);transform:translateY(-3px)}
.tile img{width:52px;height:52px;border-radius:12px;object-fit:cover;margin:0 auto 8px}
.tile span{font-size:11.5px;font-weight:700;color:#cfc8e4;display:block;line-height:1.3}
.links{display:flex;flex-wrap:wrap;gap:8px}
.links a{font-size:12.5px;font-weight:600;color:#b9b2d0;background:rgba(255,255,255,.05);
 border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:7px 14px;transition:.18s}
.links a:hover{color:#fff;border-color:rgba(124,58,237,.5)}
/* Search-phrase directory at the foot of each page. Visible, readable, and
   every phrase describes something the page actually covers. */
.phr{display:flex;flex-wrap:wrap;gap:6px}
.phr span{font-size:11.5px;color:#8f87ab;background:rgba(255,255,255,.03);
 border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:5px 11px;line-height:1.25}
.phr-note{font-size:12px;color:#6e6789;margin-top:12px}

/* cta band */
.band{background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(37,99,235,.14));
 border:1px solid rgba(124,58,237,.3);border-radius:22px;padding:34px 24px;text-align:center}

/* footer */
footer{border-top:1px solid rgba(255,255,255,.07);padding:30px 0;margin-top:24px;
 font-size:13px;color:#7d7596}
footer .fl{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:16px}
footer .fl a:hover{color:var(--gold)}
.dis{font-size:11.5px;line-height:1.7;color:#635c7d;margin-top:14px}

/* floating chat */
.fab{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:9px;
 padding:13px 20px;border-radius:999px;font-weight:800;font-size:14.5px;color:#fff;
 background:linear-gradient(135deg,var(--pu),#2563eb);box-shadow:0 12px 34px rgba(124,58,237,.5)}
.fab:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}