@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800&display=swap');

:root {
  --bg-main: #090B10;
  --bg-elevated: #11151D;
  --bg-card: #171B25;
  --bg-card-soft: #1D2230;
  --bg-deep: #050609;
  --gold-main: #D8B35A;
  --gold-light: #FFE3A1;
  --gold-dark: #8A6728;
  --gold-muted: #B99242;
  --emerald: #1C8F6A;
  --emerald-light: #35C995;
  --emerald-soft: rgba(28,143,106,0.14);
  --red-alert: #D24B4B;
  --red-soft: rgba(210,75,75,0.14);
  --orange-bonus: #F6A63A;
  --orange-soft: rgba(246,166,58,0.14);
  --text-main: #F6F2E8;
  --text-muted: #A9A89F;
  --text-soft: #747A88;
  --text-inverse: #15100A;
  --border-soft: rgba(255,255,255,0.08);
  --border-medium: rgba(255,255,255,0.14);
  --border-gold: rgba(216,179,90,0.42);
  --border-emerald: rgba(53,201,149,0.32);
  --shadow-soft: rgba(0,0,0,0.35);
  --shadow-deep: rgba(0,0,0,0.55);
  --shadow-gold: rgba(216,179,90,0.28);
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --container: 1180px;
  --page-padding-mobile: 16px;
  --page-padding-desktop: 32px;
  --ease-standard: cubic-bezier(0.2,0.8,0.2,1);
  --ease-emphasis: cubic-bezier(0.16,1,0.3,1);
  --duration-fast: 140ms;
  --duration-base: 220ms;
  --duration-slow: 420ms;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html{scroll-behavior:smooth;}

body{
  font-family:"Inter","Roboto",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg-main);
  color:var(--text-main);
  line-height:1.5;
  padding-bottom:92px;
  overflow-x:hidden;
}

@media(min-width:768px){body{padding-bottom:0;}}

:focus-visible{outline:2px solid #FFE3A1;outline-offset:3px;}

button,a{transition:transform var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),filter var(--duration-base) var(--ease-standard);}

.container{width:min(100%,var(--container));margin:0 auto;}

.page-section{padding:56px var(--page-padding-mobile);}

@media(min-width:768px){.page-section{padding:76px var(--page-padding-desktop);}}

.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;padding:0 22px;
  border-radius:16px;
  border:1px solid rgba(255,227,161,0.55);
  background:linear-gradient(135deg,#FFE3A1 0%,#D8B35A 45%,#8A6728 100%);
  color:#15100A;
  font-size:15px;font-weight:900;letter-spacing:0.01em;
  box-shadow:0 12px 34px rgba(216,179,90,0.28);
  cursor:pointer;text-decoration:none;
  position:relative;overflow:hidden;
}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.18) 50%,transparent 60%);pointer-events:none;}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 42px rgba(216,179,90,0.38);filter:brightness(1.06);}
.btn-primary:active{transform:translateY(1px) scale(0.99);box-shadow:0 8px 20px rgba(216,179,90,0.22);}

.btn-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;padding:0 22px;
  border-radius:16px;
  border:1px solid var(--border-soft);
  background:rgba(255,255,255,0.045);
  color:var(--text-main);
  font-size:15px;font-weight:800;
  cursor:pointer;text-decoration:none;
}
.btn-secondary:hover{border-color:var(--border-gold);background:rgba(216,179,90,0.08);}
.btn-secondary:active{transform:scale(0.99);}

.btn-ghost{
  display:inline-flex;align-items:center;gap:6px;
  min-height:38px;padding:0 12px;
  border-radius:999px;border:0;
  color:var(--text-muted);background:transparent;
  cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;
}
.btn-ghost:hover{color:var(--gold-light);background:rgba(255,255,255,0.04);}

@media(max-width:767px){
  .btn-primary,.btn-secondary{width:100%;}
}

.badge-bonus{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(246,166,58,0.12);color:#FFD08A;border:1px solid rgba(246,166,58,0.28);font-size:12px;font-weight:800;}
.badge-trust{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(28,143,106,0.12);color:#7EE0BD;border:1px solid rgba(53,201,149,0.28);font-size:12px;font-weight:800;}
.badge-age{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:30px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,0.045);border:1px solid var(--border-soft);color:var(--text-main);font-size:12px;font-weight:900;}

.label-tag{font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-light);}

@keyframes premiumPulse{0%{box-shadow:0 0 0 0 rgba(216,179,90,0.34);}70%{box-shadow:0 0 0 10px rgba(216,179,90,0);}100%{box-shadow:0 0 0 0 rgba(216,179,90,0);}}
@keyframes cardIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes skeletonMove{to{background-position:-220% 0;}}
@keyframes floatA{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes floatB{0%,100%{transform:translateY(0) rotate(-2deg);}50%{transform:translateY(-12px) rotate(2deg);}}

.reveal-card{animation:cardIn 480ms var(--ease-emphasis) both;}
.reveal-card:nth-child(2){animation-delay:80ms;}
.reveal-card:nth-child(3){animation-delay:160ms;}
.reveal-card:nth-child(4){animation-delay:240ms;}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-behavior:auto!important;}}

.header{
  position:sticky;top:0;z-index:100;
  height:64px;
  background:rgba(9,11,16,0.86);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border-soft);
}
.header-inner{
  height:64px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 var(--page-padding-mobile);
  max-width:var(--container);margin:0 auto;
}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-text{font-size:20px;font-weight:900;letter-spacing:-0.02em;background:linear-gradient(135deg,#FFE3A1,#D8B35A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.header-right{display:flex;align-items:center;gap:8px;}
.lang-switch{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,0.045);border:1px solid var(--border-soft);border-radius:999px;padding:3px;}
.lang-btn{min-height:28px;padding:0 10px;border-radius:999px;border:0;background:transparent;color:var(--text-muted);font-size:12px;font-weight:800;cursor:pointer;transition:all 140ms;}
.lang-btn.active{background:rgba(216,179,90,0.18);color:var(--gold-light);}
.lang-btn:hover:not(.active){color:var(--text-main);}
.desktop-nav{display:none;}
@media(min-width:920px){
  .desktop-nav{display:flex;align-items:center;gap:22px;}
  .nav-link{color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none;transition:color 140ms;}
  .nav-link:hover{color:var(--gold-light);}
  .header-inner{padding:0 var(--page-padding-desktop);}
  .header-register{display:flex!important;}
}
.header-register{display:none;}

.hero{
  padding:48px var(--page-padding-mobile) 40px;
  background:
    radial-gradient(circle at 20% 10%,rgba(216,179,90,0.24),transparent 36%),
    radial-gradient(circle at 85% 25%,rgba(28,143,106,0.14),transparent 32%),
    linear-gradient(180deg,#11151D 0%,#090B10 100%);
  position:relative;overflow:hidden;
}
.hero-pattern{position:absolute;inset:0;opacity:0.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='1' stroke='%23D8B35A' stroke-width='1'%3E%3Ccircle cx='32' cy='32' r='10'/%3E%3Cpath d='M80 22 90 32 80 42 70 32 80 22Z'/%3E%3Cpath d='M124 23c7 6 7 15 0 21-7-6-7-15 0-21Z'/%3E%3Cpath d='M32 108c5-8 15-8 20 0-5 8-15 8-20 0Z'/%3E%3Ccircle cx='120' cy='120' r='10'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 160px;}
.hero-grid{display:grid;gap:40px;align-items:center;}
@media(min-width:900px){
  .hero{padding:72px var(--page-padding-desktop) 64px;}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,0.86fr);gap:56px;}
}
.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.hero-title{
  font-family:"Playfair Display","Georgia",serif;
  font-size:clamp(34px,9vw,64px);
  line-height:0.96;letter-spacing:-0.04em;
  color:var(--text-main);margin-bottom:18px;
}
.hero-title span{background:linear-gradient(135deg,#FFE3A1,#D8B35A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-copy{font-size:16px;line-height:1.6;color:var(--text-muted);max-width:520px;margin-bottom:28px;}

.bonus-card{
  border-radius:24px;padding:20px;
  background:
    radial-gradient(circle at top right,rgba(216,179,90,0.2),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02)),
    #171B25;
  border:1px solid rgba(216,179,90,0.24);
  box-shadow:0 22px 60px rgba(0,0,0,0.34);
  margin-bottom:24px;
}
.bonus-card:hover{border-color:rgba(216,179,90,0.44);box-shadow:0 22px 60px rgba(0,0,0,0.38),0 0 34px rgba(216,179,90,0.12);}
.bonus-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.bonus-card-title{font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-light);}
.bonus-amount{font-family:"Playfair Display","Georgia",serif;font-size:clamp(28px,6vw,38px);font-weight:700;background:linear-gradient(135deg,#FFE3A1,#D8B35A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:4px;}
.bonus-spins{font-size:15px;color:var(--text-muted);margin-bottom:10px;}
.bonus-spins strong{color:var(--gold-light);}
.bonus-terms{font-size:12px;color:var(--text-soft);margin-top:10px;}
.bonus-terms a{color:var(--gold-muted);text-decoration:underline;text-underline-offset:2px;}

.hero-ctas{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}
@media(min-width:600px){.hero-ctas{flex-direction:row;}}

.payment-mini{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.payment-mini-label{font-size:12px;color:var(--text-soft);font-weight:600;}
.payment-mini-pills{display:flex;gap:8px;flex-wrap:wrap;}
.pay-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;background:rgba(255,255,255,0.045);border:1px solid var(--border-soft);font-size:12px;font-weight:700;color:var(--text-muted);}

.hero-visual{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;}
.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.hero-card-main{
  position:relative;z-index:2;
  width:220px;border-radius:24px;
  background:var(--bg-card);
  border:1px solid var(--border-soft);
  box-shadow:0 24px 70px rgba(0,0,0,0.45);
  overflow:hidden;
  animation:floatA 4s ease-in-out infinite;
}
.hero-card-secondary{
  position:absolute;z-index:1;
  width:180px;border-radius:20px;
  background:var(--bg-card-soft);
  border:1px solid var(--border-soft);
  box-shadow:0 16px 48px rgba(0,0,0,0.4);
  overflow:hidden;
  top:20px;right:-20px;
  animation:floatB 5s ease-in-out infinite;
}
@media(min-width:900px){.hero-card-secondary{right:-40px;}}
.hero-card-img{width:100%;aspect-ratio:4/3;display:block;}
.hero-card-info{padding:12px;}
.hero-card-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;padding:3px 8px;border-radius:999px;margin-bottom:8px;}
.badge-live{background:rgba(210,75,75,0.18);color:#FF8A8A;border:1px solid rgba(210,75,75,0.3);}
.badge-popular{background:rgba(246,166,58,0.14);color:#FFD08A;border:1px solid rgba(246,166,58,0.28);}
.hero-card-name{font-size:14px;font-weight:800;color:var(--text-main);margin-bottom:2px;}
.hero-card-provider{font-size:11px;color:var(--text-soft);}
.hero-chip{
  position:absolute;bottom:-10px;left:-20px;z-index:3;
  width:60px;height:60px;border-radius:50%;
  background:linear-gradient(135deg,#FFE3A1,#D8B35A,#8A6728);
  border:3px solid rgba(255,227,161,0.4);
  box-shadow:0 8px 24px rgba(216,179,90,0.4);
  display:flex;align-items:center;justify-content:center;
  font-size:24px;
}
.hero-verified{
  position:absolute;top:10px;left:-30px;z-index:3;
  background:rgba(28,143,106,0.18);
  border:1px solid rgba(53,201,149,0.32);
  border-radius:12px;padding:8px 12px;
  display:flex;align-items:center;gap:8px;
  backdrop-filter:blur(8px);
}
.hero-verified-text{font-size:11px;font-weight:800;color:#7EE0BD;}

.trust-strip-section{padding:0;background:var(--bg-elevated);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);}
.trust-strip{display:flex;gap:10px;overflow-x:auto;padding:14px 16px;scrollbar-width:none;}
.trust-strip::-webkit-scrollbar{display:none;}
.trust-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.045);border:1px solid var(--border-soft);color:var(--text-muted);font-size:13px;font-weight:600;white-space:nowrap;}
.trust-pill svg{flex-shrink:0;}
@media(min-width:768px){.trust-strip{justify-content:center;flex-wrap:wrap;overflow:visible;padding:14px 32px;}}

.bonus-steps-grid{display:grid;gap:14px;}
@media(min-width:768px){.bonus-steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;}}
.step-card{
  padding:22px 18px;border-radius:20px;
  background:rgba(255,255,255,0.035);border:1px solid var(--border-soft);
  transition:background var(--duration-base),border-color var(--duration-base),transform var(--duration-base);
}
.step-card:hover{background:rgba(255,255,255,0.055);border-color:rgba(216,179,90,0.24);transform:translateY(-2px);}
.step-icon{width:48px;height:48px;border-radius:14px;background:rgba(216,179,90,0.1);border:1px solid rgba(216,179,90,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.step-number{font-size:11px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-muted);margin-bottom:6px;}
.step-title{font-size:18px;font-weight:800;color:var(--text-main);margin-bottom:8px;}
.step-desc{font-size:14px;color:var(--text-muted);line-height:1.6;}

.section-header{text-align:center;margin-bottom:36px;}
.section-title{font-size:clamp(24px,6vw,40px);line-height:1.08;letter-spacing:-0.025em;font-weight:800;color:var(--text-main);margin-bottom:10px;}
.section-sub{font-size:16px;color:var(--text-muted);line-height:1.6;max-width:560px;margin:0 auto;}
.section-divider{display:flex;justify-content:center;margin:16px 0 32px;}

.games-section{background:var(--bg-main);}
.game-carousel{
  display:grid;grid-auto-flow:column;
  grid-auto-columns:minmax(210px,72vw);
  gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding-bottom:8px;scrollbar-width:none;
}
.game-carousel::-webkit-scrollbar{display:none;}
@media(min-width:900px){
  .game-carousel{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(4,1fr);overflow:visible;}
}
.game-card{
  scroll-snap-align:start;
  position:relative;overflow:hidden;border-radius:20px;
  background:var(--bg-card);border:1px solid var(--border-soft);
  box-shadow:0 16px 36px rgba(0,0,0,0.24);
  transition:transform var(--duration-base) var(--ease-standard),border-color var(--duration-base),box-shadow var(--duration-base);
  cursor:pointer;
}
.game-card:hover{transform:translateY(-4px);border-color:rgba(216,179,90,0.38);box-shadow:0 22px 52px rgba(0,0,0,0.38);}
.game-card:active{transform:scale(0.985);}
.game-card-thumb{width:100%;aspect-ratio:4/3;display:block;overflow:hidden;}
.game-card-thumb svg{width:100%;height:100%;display:block;transition:transform 220ms ease,filter 220ms ease;}
.game-card:hover .game-card-thumb svg{transform:scale(1.045);filter:saturate(1.08) contrast(1.04);}
.game-card-body{padding:14px;}
.game-card-badge-row{margin-bottom:8px;}
.game-card-name{font-size:15px;font-weight:800;color:var(--text-main);margin-bottom:4px;}
.game-card-provider{font-size:12px;color:var(--text-soft);}
.game-card-cta{
  margin:12px 14px 14px;
  display:flex;align-items:center;justify-content:center;
  height:40px;border-radius:12px;
  background:rgba(216,179,90,0.1);border:1px solid rgba(216,179,90,0.2);
  color:var(--gold-light);font-size:13px;font-weight:800;
  cursor:pointer;transition:background var(--duration-base),border-color var(--duration-base);
}
.game-card-cta:hover{background:rgba(216,179,90,0.18);border-color:rgba(216,179,90,0.4);}

.why-section{background:var(--bg-elevated);}
.why-grid{display:grid;gap:14px;}
@media(min-width:600px){.why-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.why-grid{grid-template-columns:repeat(4,1fr);}}
.why-card{
  padding:22px 18px;border-radius:20px;
  background:rgba(255,255,255,0.035);border:1px solid var(--border-soft);
  transition:background var(--duration-base),border-color var(--duration-base),transform var(--duration-base);
}
.why-card:hover{background:rgba(255,255,255,0.055);border-color:rgba(216,179,90,0.24);transform:translateY(-2px);}
.why-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.why-icon-gold{background:rgba(216,179,90,0.1);border:1px solid rgba(216,179,90,0.2);}
.why-icon-green{background:rgba(28,143,106,0.1);border:1px solid rgba(53,201,149,0.2);}
.why-title{font-size:16px;font-weight:800;color:var(--text-main);margin-bottom:8px;}
.why-desc{font-size:14px;color:var(--text-muted);line-height:1.6;}

.reg-section{background:var(--bg-main);}
.reg-steps{display:grid;gap:14px;}
@media(min-width:600px){.reg-steps{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.reg-steps{grid-template-columns:repeat(4,1fr);}}
.reg-card{
  padding:22px 18px;border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015)),#171B25;
  border:1px solid var(--border-soft);position:relative;overflow:hidden;
}
.reg-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-main),transparent);}
.reg-step-num{font-size:48px;font-weight:900;color:rgba(216,179,90,0.08);position:absolute;top:10px;right:14px;line-height:1;font-family:"Playfair Display",serif;}
.reg-step-icon{width:44px;height:44px;border-radius:12px;background:rgba(216,179,90,0.1);border:1px solid rgba(216,179,90,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.reg-step-label{font-size:11px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold-muted);margin-bottom:6px;}
.reg-step-title{font-size:17px;font-weight:800;color:var(--text-main);margin-bottom:8px;}
.reg-step-desc{font-size:14px;color:var(--text-muted);line-height:1.6;}
.reg-cta{text-align:center;margin-top:32px;}

.payments-section{background:var(--bg-elevated);}
.payment-tiles{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px;}
.payment-tile{
  flex:0 0 auto;display:flex;align-items:center;gap:10px;
  padding:12px 16px;border-radius:14px;
  background:rgba(255,255,255,0.035);border:1px solid var(--border-soft);
  transition:border-color var(--duration-base),background var(--duration-base);
  cursor:default;
}
.payment-tile:hover{border-color:rgba(216,179,90,0.24);background:rgba(255,255,255,0.055);}
.payment-tile-name{font-size:14px;font-weight:700;color:var(--text-main);}
.payment-note{font-size:14px;color:var(--text-muted);line-height:1.6;padding:16px;background:rgba(28,143,106,0.06);border:1px solid rgba(53,201,149,0.16);border-radius:14px;margin-bottom:24px;}
.payment-table-wrap{overflow-x:auto;border-radius:18px;border:1px solid var(--border-soft);}
.payment-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;}
.payment-table th{background:rgba(255,255,255,0.045);color:var(--gold-light);font-size:12px;text-transform:uppercase;letter-spacing:0.08em;text-align:left;padding:14px 16px;font-weight:800;}
.payment-table td{padding:16px;border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:14px;}
.payment-table tr:hover td{background:rgba(216,179,90,0.045);}
@media(max-width:767px){
  .payment-table,.payment-table thead,.payment-table tbody,.payment-table tr,.payment-table td{display:block;width:100%;}
  .payment-table thead{display:none;}
  .payment-table tr{border-bottom:1px solid var(--border-soft);padding:12px;}
  .payment-table td{border-top:0;padding:6px 0;}
  .payment-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:var(--gold-muted);margin-bottom:2px;}
}

.security-section{background:var(--bg-main);}
.security-grid{display:grid;gap:14px;}
@media(min-width:600px){.security-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:900px){.security-grid{grid-template-columns:repeat(3,1fr);}}
.security-card{
  padding:22px 18px;border-radius:20px;
  background:rgba(255,255,255,0.035);border:1px solid var(--border-soft);
  transition:background var(--duration-base),border-color var(--duration-base);
}
.security-card:hover{background:rgba(255,255,255,0.055);border-color:var(--border-emerald);}
.security-icon{width:44px;height:44px;border-radius:12px;background:rgba(28,143,106,0.1);border:1px solid rgba(53,201,149,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.security-title{font-size:16px;font-weight:800;color:var(--text-main);margin-bottom:8px;}
.security-desc{font-size:14px;color:var(--text-muted);line-height:1.6;}
.security-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;}
.security-link{font-size:13px;color:var(--emerald-light);text-decoration:underline;text-underline-offset:2px;}

.faq-section{background:var(--bg-elevated);}
.faq-list{display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto;}
.faq-item{border-radius:18px;border:1px solid var(--border-soft);background:rgba(255,255,255,0.035);overflow:hidden;}
.faq-item.open{border-color:rgba(216,179,90,0.24);}
.faq-trigger{
  width:100%;min-height:58px;padding:0 18px;
  display:flex;justify-content:space-between;align-items:center;
  color:var(--text-main);background:transparent;border:0;text-align:left;
  font-weight:800;font-size:15px;cursor:pointer;gap:12px;
  font-family:"Inter",sans-serif;
}
.faq-trigger:hover{color:var(--gold-light);}
.faq-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-base),background var(--duration-base);}
.faq-item.open .faq-icon{transform:rotate(45deg);background:rgba(216,179,90,0.1);border-color:rgba(216,179,90,0.3);}
.faq-panel{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-emphasis);}
.faq-item.open .faq-panel{max-height:300px;}
.faq-panel-inner{padding:0 18px 18px;color:var(--text-muted);line-height:1.6;font-size:14px;}
.faq-panel-inner a{color:var(--gold-muted);text-decoration:underline;text-underline-offset:2px;}

.mobile-sticky-cta{
  position:fixed;left:12px;right:12px;bottom:12px;z-index:90;
  padding:10px;border-radius:22px;
  background:rgba(17,21,29,0.95);
  backdrop-filter:blur(16px);
  border:1px solid var(--border-soft);
  box-shadow:0 20px 50px rgba(0,0,0,0.45);
  display:flex;align-items:center;gap:10px;
}
.mobile-sticky-cta__text{flex:1;min-width:0;}
.mobile-sticky-cta__label{font-size:11px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--gold-muted);}
.mobile-sticky-cta__value{font-size:13px;font-weight:700;color:var(--text-main);}
.mobile-sticky-cta .btn-primary{min-height:44px;padding:0 18px;font-size:14px;width:auto;}
@keyframes premiumPulse{0%{box-shadow:0 0 0 0 rgba(216,179,90,0.34),0 12px 34px rgba(216,179,90,0.28);}70%{box-shadow:0 0 0 10px rgba(216,179,90,0),0 12px 34px rgba(216,179,90,0.28);}100%{box-shadow:0 0 0 0 rgba(216,179,90,0),0 12px 34px rgba(216,179,90,0.28);}}
.mobile-sticky-cta .btn-primary{animation:premiumPulse 2.8s infinite;}
@media(min-width:768px){.mobile-sticky-cta{display:none;}}

.footer{background:var(--bg-elevated);border-top:1px solid var(--border-soft);}
.footer-top{padding:48px var(--page-padding-mobile) 32px;border-bottom:1px solid var(--border-soft);}
@media(min-width:768px){.footer-top{padding:48px var(--page-padding-desktop) 32px;}}
.footer-grid{display:grid;gap:32px;}
@media(min-width:768px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;}}
.footer-brand{display:flex;flex-direction:column;gap:14px;}
.footer-brand-desc{font-size:14px;color:var(--text-soft);line-height:1.6;}
.footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.footer-nav-title{font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-muted);margin-bottom:14px;}
.footer-nav-list{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-nav-list a{font-size:14px;color:var(--text-soft);text-decoration:none;transition:color var(--duration-fast);}
.footer-nav-list a:hover{color:var(--text-main);}
.footer-bottom{padding:20px var(--page-padding-mobile);}
@media(min-width:768px){.footer-bottom{padding:20px var(--page-padding-desktop);}}
.footer-bottom-inner{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;}
@media(min-width:768px){.footer-bottom-inner{flex-direction:row;justify-content:space-between;text-align:left;}}
.footer-legal{font-size:12px;color:var(--text-soft);line-height:1.6;max-width:700px;}
.footer-legal a{color:var(--text-soft);text-decoration:underline;text-underline-offset:2px;}
.footer-lang{display:flex;align-items:center;gap:8px;}
.responsible-bar{background:rgba(28,143,106,0.08);border-top:1px solid rgba(53,201,149,0.12);padding:14px var(--page-padding-mobile);text-align:center;}
@media(min-width:768px){.responsible-bar{padding:14px var(--page-padding-desktop);}}
.responsible-text{font-size:13px;color:var(--text-soft);}
.responsible-text a{color:var(--emerald-light);text-decoration:underline;text-underline-offset:2px;}

.game-thumb-1{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);}
.game-thumb-2{background:linear-gradient(135deg,#0a1a2e,#1b2d4e);}
.game-thumb-3{background:linear-gradient(135deg,#1a2e0a,#2d4e1b);}
.game-thumb-4{background:linear-gradient(135deg,#2e1a0a,#4e2d1b);}

.gold-sep{display:flex;justify-content:center;margin:0 0 32px;}