*{box-sizing:border-box}
:root{
  --page:#080a09;
  --header:#181a19;
  --sidebar:#171918;
  --panel:#222423;
  --panel-hover:#2a2d2b;
  --line:#303330;
  --text:#f7f9f7;
  --muted:#a3a8a4;
  --green:#3fe06e;
  --green-dark:#1dab4d;
  --header-h:84px;
  --sidebar-w:280px;
  --mobile-auth-h:68px;
}
html{min-height:100%;background:var(--page);color-scheme:dark}
body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a,button{color:inherit;font:inherit}
img{display:block;max-width:100%}
a{text-decoration:none}
ul{list-style:none;margin:0;padding:0}

/* Topbar */
.pl-topbar{position:fixed;inset:0 0 auto;z-index:50;display:flex;height:var(--header-h);align-items:center;justify-content:space-between;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--header)}
.pl-brand{display:inline-flex;align-items:center;gap:10px}
.pl-brand__mark{position:relative;display:grid;width:52px;height:52px;place-items:center;border:3px solid var(--green);border-radius:16px 16px 20px 20px;background:#f4f6f4;color:#070907;font-size:28px;transform:rotate(-4deg)}
.pl-brand__wordmark{display:grid;color:#fff;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:900;letter-spacing:-1.2px;line-height:.78;transform:rotate(-3deg)}
.pl-brand__wordmark strong{font-size:22px}
.pl-brand__wordmark span{padding-left:6px;font-size:23px}
.pl-topbar__actions{display:flex;align-items:center;gap:10px}
.pl-btn{display:inline-flex;min-width:90px;min-height:44px;align-items:center;justify-content:center;padding:10px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:14px;font-weight:700}
.pl-btn--reg{border-color:var(--green);background:linear-gradient(180deg,#65ec88,#30ca5c);color:#0b2b14}

/* Sidebar */
.pl-sidebar{position:fixed;top:var(--header-h);bottom:0;left:0;z-index:30;width:var(--sidebar-w);padding:17px;overflow-y:auto;border-right:1px solid var(--line);background:var(--sidebar)}
.pl-menu-group{margin-bottom:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.pl-menu-group__head{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:5px;font-size:14px;font-weight:700}
.pl-menu-link{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border-radius:7px;font-size:14px;font-weight:650;color:#e8eae8}
.pl-menu-link:hover{background:var(--panel-hover)}
.pl-menu-link.active{background:#454845;color:#fff}
.pl-menu-icon{display:grid;flex:0 0 22px;place-items:center;font-size:16px;color:#747a75}
.pl-menu-link.active .pl-menu-icon{color:var(--green)}
.pl-menu-single{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:8px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:14px;font-weight:700;color:#e8eae8}
.pl-menu-single:hover{border-color:#424642;background:var(--panel-hover)}

/* Content */
.pl-content{margin-top:var(--header-h);margin-left:var(--sidebar-w);min-height:calc(100vh - var(--header-h));background:radial-gradient(circle at 50% 0,rgba(54,86,63,.14),transparent 25rem),var(--page)}
.pl-content__inner{padding:40px 32px 50px}

/* Promo carousel */
.pl-promo-viewport{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pl-promo-viewport::-webkit-scrollbar{display:none}
.pl-promo-track{display:flex;gap:16px;width:max-content}
.pl-promo-card{position:relative;flex:0 0 clamp(400px,38vw,600px);height:260px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#0c2116;isolation:isolate}
.pl-promo-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,8,6,.96) 0,rgba(5,8,6,.74) 37%,rgba(5,8,6,.08) 71%),radial-gradient(circle at 80% 40%,rgba(60,240,108,.2),transparent 40%)}
.pl-promo-card--gold{background:#21170a}
.pl-promo-card--gold::before{background:linear-gradient(90deg,rgba(7,7,5,.96) 0,rgba(9,8,5,.7) 40%,rgba(9,8,5,.04) 72%),radial-gradient(circle at 78% 44%,rgba(255,187,62,.3),transparent 44%)}
.pl-promo-card--emerald{background:#062b13}
.pl-promo-card--emerald::before{background:linear-gradient(90deg,rgba(4,10,6,.96) 0,rgba(4,16,9,.7) 40%,rgba(4,16,9,.04) 72%),radial-gradient(circle at 78% 44%,rgba(63,224,110,.28),transparent 44%)}
.pl-promo-card__glyph{position:absolute;right:6%;top:50%;transform:translateY(-50%);font-size:150px;line-height:1;color:rgba(255,255,255,.08);pointer-events:none}
.pl-promo-card__body{position:relative;z-index:2;display:flex;width:58%;height:100%;flex-direction:column;justify-content:center;padding:24px}
.pl-promo-card__body h2{margin:0 0 6px;font-size:clamp(22px,2.1vw,32px);font-weight:900;color:#fff}
.pl-promo-card__body p{margin:0 0 16px;color:var(--muted);font-size:14px}
.pl-promo-button{display:inline-flex;align-self:flex-start;padding:10px 20px;border-radius:8px;background:var(--green);color:#071c0e;font-weight:800;font-size:13px}

/* Feature grid */
.pl-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.pl-feature-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;min-height:150px;background:#111412;display:flex;align-items:center}
.pl-feature-card--casino{background:radial-gradient(circle at 85% 30%,rgba(63,224,110,.16),transparent 55%),#111412}
.pl-feature-card--sports{background:radial-gradient(circle at 85% 30%,rgba(255,187,62,.14),transparent 55%),#141311}
.pl-feature-card__body{position:relative;z-index:2;padding:22px}
.pl-feature-card__body h2{margin:0 0 6px;font-size:21px;display:flex;align-items:center;gap:8px;color:#fff}
.pl-feature-card__body p{margin:0;color:var(--muted);font-size:13px}

/* Category strip */
.pl-strip{display:flex;gap:6px;overflow-x:auto;margin:0 0 24px;padding-bottom:4px;scrollbar-width:none}
.pl-strip::-webkit-scrollbar{display:none}
.pl-strip a{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 14px;border-radius:8px;background:var(--panel);border:1px solid var(--line);font-size:13px;font-weight:650;color:var(--muted)}
.pl-strip a.active{background:#454845;color:#fff}

/* Article / casino-info */
.pl-info{margin:24px 0;padding:36px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.pl-info__kicker{display:inline-block;margin-bottom:10px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pl-info h1{margin:0 0 14px;font-size:28px;line-height:1.25;color:#fff}
.pl-info__lead{color:var(--muted);font-size:15px;max-width:85ch}
.pl-info__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}
.pl-info-card{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel-hover)}
.pl-info-card__number{display:block;margin-bottom:8px;color:var(--green);font-size:13px;font-weight:800}
.pl-info-card h2{margin:0 0 8px;font-size:16px;color:#fff}
.pl-info-card p{margin:0;color:var(--muted);font-size:13px}
.pl-info__columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:28px}
.pl-info-column h2{font-size:19px;margin:0 0 12px;color:#fff}
.pl-info-column h3{font-size:16px;margin:22px 0 10px;color:#fff}
.pl-info-column p{color:var(--muted);font-size:14px;margin:0 0 14px}
.pl-info-column ul{color:var(--muted);font-size:14px;margin:0 0 14px}
.pl-info-column li{margin-bottom:8px;padding-left:18px;position:relative}
.pl-info-column li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--green)}
.pl-responsible{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:10px;background:var(--panel-hover);border:1px solid var(--line)}
.pl-responsible__badge{flex:0 0 auto;padding:6px 10px;border-radius:6px;background:var(--green);color:#071c0e;font-weight:800;font-size:12px}
.pl-responsible p{margin:0;color:var(--muted);font-size:13px}

/* FAQ */
.pl-faq{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.pl-faq details{background:var(--panel-hover);border:1px solid var(--line);border-radius:10px;padding:14px 18px}
.pl-faq summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;color:#fff}
.pl-faq summary::-webkit-details-marker{display:none}
.pl-faq summary::after{content:'+';float:right;color:var(--green);font-size:20px}
.pl-faq details[open] summary::after{content:'\2212'}
.pl-faq p{color:var(--muted);font-size:14px;margin-top:10px}

/* Mobile bottom auth bar */
.pl-mobile-auth{display:none}

@media(max-width:1160px){
  :root{--sidebar-w:240px}
}

@media(max-width:860px){
  :root{--header-h:64px;--mobile-auth-h:68px}
  body{overflow-x:hidden}
  .pl-topbar{justify-content:center;padding:0 14px}
  .pl-topbar__actions{display:none}
  .pl-mobile-auth{display:grid;position:fixed;inset:auto 0 0;z-index:100;grid-template-columns:1fr 1fr;gap:8px;min-height:var(--mobile-auth-h);padding:8px 12px;border-top:1px solid var(--line);background:rgba(20,22,21,.98);backdrop-filter:blur(18px)}
  .pl-mobile-auth .pl-btn{width:100%;min-height:46px}
  .pl-sidebar{display:none}
  .pl-content{margin-left:0;min-height:calc(100vh - var(--header-h))}
  .pl-content__inner{padding:18px 14px calc(var(--mobile-auth-h) + 24px)}
  .pl-promo-card{flex-basis:min(calc(100vw - 28px),560px);height:230px}
  .pl-feature-grid{grid-template-columns:1fr}
  .pl-info{padding:22px}
  .pl-info__grid,.pl-info__columns{grid-template-columns:1fr}
}

@media(max-width:520px){
  .pl-brand__wordmark{display:none}
  .pl-info h1{font-size:23px}
}