/* 1winbet.boo — static build for Cloudflare Pages */
:root{
  --navy:#0f1133;--navy-2:#232650;--blue:#0c12d8;--blue-2:#1a14b4;--foot:#050b6b;
  --yellow:#ffe95c;--yellow-2:#f5d832;--ink:#13127a;--green:#4f8d24;--green-2:#6aa83a;--dot:#8cc63f;
  --text:#333a44;--head:#24272e;--muted:#6b7280;--line:#e3e6ef;--bg:#ffffff;--soft:#f4f6fb;--star:#f5b400;
  --radius:12px;--wrap:1290px
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.75 "Open Sans",Arial,sans-serif;overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:#2a2fd6}
a:hover{text-decoration:none}
.skip{position:absolute;left:-9999px;top:0;background:var(--yellow);color:var(--ink);padding:8px 14px;z-index:100}
.skip:focus{left:12px;top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.narrow{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.narrow>*{max-width:940px}
.narrow.content{padding-top:30px}

/* header */
.site-header{background:var(--navy);position:sticky;top:0;z-index:50}
.hdr{display:flex;align-items:center;gap:28px;height:74px;max-width:none;padding:0 14px 0 14px}
.logo{display:flex;flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none;color:#fff;flex:0 0 auto}
.logo b{font:800 italic 34px/1 "Open Sans",Arial,sans-serif;letter-spacing:-1.5px}
.logo b span{color:var(--yellow)}
.logo img{height:40px;width:auto}
.site-footer .logo img{height:60px}
.logo small{font:600 9.5px/1 "Open Sans",Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#9ea3d8;margin-top:5px}
.nav{display:flex;align-items:center;gap:6px;margin-left:72px}
.nav a{color:#fff;text-decoration:none;font-weight:700;font-size:15.5px;padding:8px 14px;border-radius:8px}
.nav a:hover{background:var(--navy-2)}
.nav a[aria-current="page"]{color:var(--yellow)}
.nav .signup{background:var(--yellow);color:var(--ink);border-radius:999px;padding:8px 20px;margin-left:10px;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 0 18px rgba(255,233,92,.35)}
.nav .signup:hover{background:var(--yellow-2)}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;background:var(--navy-2);color:#fff;font-weight:700;font-size:15px;letter-spacing:.4px;padding:13px 18px;border-radius:4px;text-transform:uppercase}
.lang summary::-webkit-details-marker{display:none}
.lang ul{list-style:none;margin:0;padding:6px;position:absolute;right:0;top:calc(100% + 6px);background:var(--navy-2);border-radius:8px;min-width:180px;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.lang li a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:9px 12px;border-radius:6px;font-weight:600;font-size:15px}
.lang li a:hover,.lang li a[aria-current="true"]{background:#33376a}
.flag{width:20px;height:14px;border-radius:2px;flex:0 0 auto}
.burger{display:none}
.burger summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:8px;background:var(--navy-2);display:grid;place-items:center}
.burger summary::-webkit-details-marker{display:none}
.burger summary span,.burger summary span::before,.burger summary span::after{display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative}
.burger summary span::before,.burger summary span::after{content:"";position:absolute;left:0}
.burger summary span::before{top:-6px}.burger summary span::after{top:6px}
.burger nav{position:absolute;left:0;right:0;top:74px;background:var(--navy);padding:10px 16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 18px 30px rgba(0,0,0,.35)}
.burger nav a{color:#fff;text-decoration:none;font-weight:700;padding:12px 10px;border-radius:8px}
.burger nav a:hover{background:var(--navy-2)}
.burger nav .signup{background:var(--yellow);color:var(--ink);text-align:center;border-radius:999px;margin-top:8px}

/* hero */
.hero{background:linear-gradient(100deg,var(--blue) 0%,#0b0fd2 55%,var(--blue-2) 100%);color:#fff;overflow:hidden}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;gap:24px;min-height:396px;padding-top:36px;padding-bottom:36px}
.hero-text{padding-left:max(24px,calc((100vw - var(--wrap))/2 + 24px))}
.hero h1{font-size:40px;line-height:1.2;font-weight:700;margin:0 0 18px;color:#fff}
.hero .lead{font-size:21px;line-height:1.6;margin:0 0 28px;max-width:640px;color:#fff}
.hero-art{justify-self:end;width:100%;max-width:520px}
.hero-art.photo{border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.35);max-width:480px}
.hero.has-photo .hero-in{padding-right:max(24px,calc((100vw - var(--wrap))/2 + 24px))}
.fig{margin:6px 0 24px}
.fig img{border-radius:14px;width:100%}
.fig.right{float:right;max-width:300px;margin:4px 0 18px 28px}
.content h2{clear:both}
.fig figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.fig.video video{width:100%;max-width:359px;height:auto;border-radius:18px;background:#0f1133;box-shadow:0 10px 30px rgba(20,16,122,.2)}
.hero.inner .hero-in{min-height:300px}
.hero.inner h1{font-size:36px}
.hero.inner .lead{font-size:18.5px}
.crumbs{font-size:14px;margin:0 0 10px;color:#c9ccff}
.crumbs a{color:#fff}

/* buttons */
.btn-y{display:inline-flex;align-items:center;gap:14px;background:var(--yellow);color:var(--ink);text-decoration:none;font-size:24px;font-weight:600;padding:13px 34px 13px 18px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.btn-y:hover{background:var(--yellow-2)}
.btn-y svg{width:30px;height:30px}
.btn-g{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(180deg,var(--green-2),var(--green));color:#fff;text-decoration:none;font-size:21px;font-weight:700;padding:6px 32px 6px 6px;border-radius:999px;box-shadow:0 6px 16px rgba(79,141,36,.3)}
.btn-g:hover{filter:brightness(1.06)}
.btn-g i{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:0 0 auto}
.btn-g i svg{width:20px;height:20px}
.cta-row{text-align:center;margin:30px 0 8px}

/* content */
main{display:block}
.section{padding:34px 0 10px}
.section h2,.content h2{font-size:31px;line-height:1.3;font-weight:700;color:var(--head);margin:0 0 26px}
.content h2{margin-top:44px;font-size:28px}
.content h3{font-size:21px;color:var(--head);margin:28px 0 10px}
.content p,.section p{margin:0 0 18px}
.content ul,.content ol,.section ul{padding-left:24px;margin:0 0 20px}
.content li,.section li{margin:0 0 8px}
.split{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:54px;align-items:start}
.split.rev{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
.split .pic{border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(20,16,122,.18)}
.split .pic img{width:100%}
.split .txt p{font-size:17.5px}
.checks{list-style:none;padding-left:0!important}
.checks li{position:relative;padding-left:24px}
.checks li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--dot)}
.content ul:not(.checks) li::marker{color:var(--dot)}
.adv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,430px);gap:40px;align-items:start}
.facts{display:grid;gap:22px}
.fact{border:2px solid #a9d98a;padding:20px 24px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.fact b{font-size:22px;color:var(--head)}
.fact span{color:var(--muted)}
.table-wrap{overflow-x:auto;margin:0 0 22px;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:16px}
th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.promo-table th,.promo-table td{vertical-align:middle}
thead th{background:var(--soft);color:var(--head);font-weight:700}
tbody th{font-weight:600;color:var(--head)}
.promo-table td.code{white-space:nowrap}
.code-pill{display:inline-flex;align-items:center;gap:10px;background:#fff8c9;border:2px dashed #e0c22b;color:var(--ink);font:800 18px/1 "Open Sans",Arial,sans-serif;letter-spacing:1px;padding:9px 14px;border-radius:8px}
.copy{border:0;background:var(--ink);color:#fff;font:700 13px/1 "Open Sans",Arial,sans-serif;padding:8px 10px;border-radius:6px;cursor:pointer}
.copy:hover{background:#2a2fd6}
.lead-in{font-size:19px}
.note{background:var(--soft);border-left:4px solid var(--dot);padding:16px 18px;border-radius:6px;margin:0 0 22px}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--head);padding:12px 30px 12px 0;position:relative;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:8px;font-size:24px;color:var(--green)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 14px}
.updated{color:var(--muted);font-size:14px;margin:30px 0 0}

/* footer */
.site-footer{background:var(--foot);color:#c9cbe8;margin-top:70px;padding:62px 0 34px}
.foot{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:46px}
.site-footer .logo b{font-size:46px}
.site-footer .logo small{font-size:11px}
.foot p{color:#c9cbe8;font-size:17px;line-height:1.7;margin:22px 0 0}
.foot h2{font-size:18px;font-weight:700;color:#9ea3d8;margin:6px 0 0;padding-bottom:22px;border-bottom:1px solid #2b318f}
.foot ul{list-style:none;padding:0;margin:20px 0 0}
.foot li{margin:0 0 14px}
.foot li a{color:#fff;text-decoration:none;font-size:17.5px}
.foot li a:hover{text-decoration:underline}
.apps{display:flex;gap:8px;flex-wrap:wrap}
.app-btn{display:flex;align-items:center;gap:12px;background:#fff;color:#111;text-decoration:none;border-radius:10px;border:1px solid #a6a6a6;padding:8px 16px 8px 14px;flex:1 1 0;min-width:150px}
.app-btn small{font-size:12px!important;letter-spacing:.2px}
.app-btn b{font-size:24px!important;font-weight:600;letter-spacing:-.3px}
.app-btn svg{width:32px!important;height:32px!important}
.support{margin:30px 0 0;font-size:20px;font-weight:700;color:#fff}
.support span{color:#b9bcd6}
.support a{color:#fff;text-decoration:none}
.support a:hover{text-decoration:underline}
.app-btn svg{width:28px;height:28px;flex:0 0 auto}
.app-btn small{display:block;font-size:11px;line-height:1.1}
.app-btn b{display:block;font-size:20px;line-height:1.15}
.disclose{margin-top:28px;font-size:16px;line-height:1.7}
.disclose strong{color:#fff}
.disclose a{color:#fff}
.legal{max-width:var(--wrap);margin:44px auto 0;padding:22px 24px 0;border-top:1px solid #2b318f;font-size:13px;line-height:1.6;color:#9ea3d8}

/* cookie + top */
.cookie{position:fixed;left:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:14px;background:#fff;color:#111;border-radius:22px;padding:12px 12px 12px 18px;box-shadow:0 6px 26px rgba(0,0,0,.18);max-width:min(700px,calc(100vw - 28px));font-size:15px;line-height:1.4}
.cookie[hidden]{display:none}
.cookie button{flex:0 0 auto;border:1px solid #bbb;background:#fff;border-radius:50%;width:44px;height:44px;font:600 15px/1 "Open Sans",Arial,sans-serif;cursor:pointer}
.to-top{position:fixed;right:24px;bottom:24px;z-index:55;width:58px;height:58px;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.2);display:grid;place-items:center;color:#111;text-decoration:none}
.to-top svg{width:22px;height:22px}

/* 404 */
.nf{text-align:center;padding:80px 24px}
.nf h1{font-size:34px;color:var(--head)}

@media (max-width:1180px){
  .nav{margin-left:24px}
  .nav a{padding:8px 10px;font-size:15px}
  .hero-text{padding-left:24px}
}
@media (max-width:1000px){
  .nav,.hdr-right .lang-desktop{display:none}
  .burger{display:block}
  .hdr{height:64px;gap:12px}
  .burger nav{top:64px}
  .logo b{font-size:28px}
  .hero-in{grid-template-columns:1fr;min-height:0;padding-top:30px;padding-bottom:6px}
  .hero-art{justify-self:center;max-width:320px}
  .hero-art.photo{max-width:100%}
  .fig.right{float:none;max-width:320px;margin:6px auto 22px}
  .hero.has-photo .hero-in{padding-right:16px;padding-left:16px}
  .logo img{height:34px}
  .hero h1{font-size:31px}
  .hero.inner h1{font-size:29px}
  .hero .lead{font-size:18px}
  .split,.split.rev,.adv{grid-template-columns:1fr;gap:26px}
  .split.rev .pic{order:-1}
  .foot{grid-template-columns:1fr;gap:34px}
}
@media (min-width:1001px){.lang-mobile{display:none}}
@media (max-width:640px){
  body{font-size:16px}
  .wrap,.narrow{padding:0 16px}
  .hero-text{padding-left:16px;padding-right:16px}
  .hero h1{font-size:27px}
  .hero.inner h1{font-size:25px}
  .btn-y{font-size:20px;padding:11px 24px 11px 14px}
  .btn-g{font-size:18px;padding:5px 24px 5px 5px}
  .btn-g i{width:44px;height:44px}
  .section h2,.content h2{font-size:24px}
  .content h3{font-size:19px}
  .lang summary{padding:10px 12px;font-size:13px}
  .lang summary .lbl{display:none}
  .to-top{right:14px;bottom:84px;width:48px;height:48px}
  .cookie{font-size:13.5px}
  th,td{padding:10px 10px;font-size:15px}
  .code-pill{font-size:16px}
  .app-btn{min-width:0;flex:1 1 150px}
}