/*
Theme Name: Stake
Author: Dheeraj Kumar
Version: 1.0
*/

:root {
        --bg: #09131c;
        --surface: #101e28;
        --surface2: #142630;
        --line: #273944;
        --green: #b4ed75;
        --muted: #a9b8c1;
        --white: #f4f8f6
      }

      * {
        box-sizing: border-box
      }

      body {
        margin: 0;
        background: var(--bg);
        color: var(--white);
        font-family: 'DM Sans', sans-serif
      }

      h1,
      h2,
      h3,
      h4,
      .brand {
        font-family: Manrope, sans-serif
      }

      a {
        text-decoration: none
      }

      a:hover {
        color: var(--green)
      }

      .container {
        max-width: 1170px
      }



      .top-note {
        background: #15252d;
        border-bottom: 1px solid #29403c;
        color: #d2e0db;
        font-size: 12px;
        padding: 9px 0;
        text-align: center
      }

      .top-note b {
        color: var(--green)
      }

      .navbar {
        background: #0a151e;
        border-bottom: 1px solid var(--line);
        padding: 18px 0
      }
.brand .img-fluid {
  max-width: 81px;
}
      .brand {
        font-size: 21px;
        font-weight: 800;
        color: #fff;
        letter-spacing: -.8px
      }
:root{--nav-bg:#081720;--nav-card:#102631;--nav-line:#29424b;--nav-green:#b6fa78}body{background:#07141c;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.sg-header{background:var(--nav-bg);border-bottom:1px solid var(--nav-line);position:relative;z-index:100}.sg-nav{display:flex;align-items:center;justify-content:space-between;gap:25px}.sg-brand{font-size:22px;font-weight:800;color:#fff;text-decoration:none;white-space:nowrap;margin: 14px 0px;}.sg-brand span{color:var(--nav-green)}.sg-brand small{display:block;color:#a8b9c2;font-size:10px;font-weight:600;letter-spacing:1.5px}.sg-menu{list-style:none;display:flex;align-items:center;gap:7px;margin:0;padding:0}.sg-item{position:relative}.sg-parent{display:flex;align-items:center;gap:5px}.sg-parent>a{padding:13px 18px;color:#e9f1f4;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.sg-parent>a:hover,.sg-item:hover>.sg-parent>a,.sg-parent>a:focus{color:var(--nav-green)}.sg-chevron{font-size:11px;color:var(--nav-green);vertical-align: top;}.sg-expand{display:none}.sg-dropdown{position:absolute;left:0;top:100%;min-width:235px;list-style:none;margin:0;padding:10px;background:var(--nav-card);border:1px solid var(--nav-line);border-radius:13px;box-shadow:0 20px 45px #0007;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s}.sg-dropdown a{display:block;color:#c5d6dc;text-decoration:none;font-size:13px;padding:7px 12px;border-radius:7px}.sg-dropdown a:hover,.sg-dropdown a:focus{background:#234438;color:var(--nav-green)}.sg-toggle{display:none;background:transparent;color:#fff;border:1px solid var(--nav-line);border-radius:8px;padding:8px 12px;font-size:23px;line-height:1}.sg-intro{max-width:1100px;margin:70px auto;padding:0 20px}.sg-intro h1{font-size:clamp(32px,5vw,58px);font-weight:800}.sg-intro h1 em{color:var(--nav-green);font-style:normal}.sg-intro p{color:#b5cbd3;max-width:680px}
@media(min-width:992px){.sg-item:hover>.sg-dropdown,.sg-item:focus-within>.sg-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.sg-item:last-child>.sg-dropdown{left:auto;right:0}}
@media(max-width:991.98px){.sg-nav{flex-wrap:wrap;gap:0}.sg-toggle{display:block}.sg-menu-wrap{display:none;width:100%;flex-basis:100%;padding:12px 0 20px}.sg-menu-wrap.is-open{display:block}.sg-menu{display:block}.sg-item{border-bottom:1px solid var(--nav-line)}.sg-parent{justify-content:space-between}.sg-parent>a{flex:1;padding:16px 5px}.sg-chevron{display:none}.sg-expand{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#1b3a32;border:1px solid #36594a;border-radius:8px;color:var(--nav-green);font-size:23px;line-height:1;cursor:pointer}.sg-dropdown{display:none;position:static;opacity:1;visibility:visible;transform:none;min-width:0;box-shadow:none;border:0;border-left:2px solid #537b4b;border-radius:0;background:#0c202a;margin:0 0 12px 10px;padding:7px}.sg-item.is-expanded>.sg-dropdown{display:block}.sg-dropdown a{padding:11px 13px}}
      .brand-mark {
        display: inline-grid;
        place-items: center;
        background: var(--green);
        color: #10231a;
        width: 34px;
        height: 34px;
        border-radius: 11px;
        margin-right: 9px;
        font-size: 20px
      }

      .brand span:last-child {
        color: var(--green)
      }

      .navbar-nav .nav-link {
        color: #c6d2d7;
        font-size: 13px;
        font-weight: 600;
        margin: 0 8px
      }
.sg-brand .img-fluid {
  max-width: 82px;
}
.sg-item .nav-link{padding: 13px 18px;
  color: #e9f1f4;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;}
      .navbar-nav .nav-link:hover {
        color: var(--green)
      }

      .navbar-toggler {
        border: 1px solid #e1e1e1;
  color: #fff;
  padding: 3px 9px;
      }

      .navbar-toggler-icon {
       
      }

      .btn-green {
        background: var(--green);
        color: #14221a;
        border: 1px solid var(--green);
        font-weight: 800;
        border-radius: 10px;
        padding: 12px 20px;
        font-size: 14px
      }

      .btn-green:hover {
        background: #d1ff9c;
        color: #14221a
      }

      .btn-outline-light-custom {
        border: 1px solid #50616b;
        color: #fff;
        border-radius: 10px;
        padding: 12px 20px;
        font-weight: 700;
        font-size: 14px
      }

      .btn-outline-light-custom:hover {
        background: #20333d;
        color: #fff
      }

      .hero {
        padding: 88px 0 76px;
        position: relative;
        overflow: hidden;
        background: radial-gradient(ellipse at 78% 25%, #1a3a2e 0, transparent 43%), var(--bg)
      }

      .eyebrow {
        display: inline-flex;
        gap: 8px;
        align-items: center;
        color: var(--green);
        background: #1b352c;
        border: 1px solid #3b6247;
        border-radius: 30px;
        padding: 7px 13px;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1px;
        text-transform: uppercase
      }

      .hero h1 {
        font-size: clamp(38px, 5vw, 65px);
        font-weight: 800;
        letter-spacing: -2.7px;
        line-height: 1.13;
        margin: 23px 0
      }

      .hero h1 em {
        color: var(--green);
        font-style: normal
      }

      .lead-copy {
        font-size: 17px;
        line-height: 1.8;
        color: #b7c8cb;
        max-width: 610px
      }

      .hero-actions {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin: 28px 0
      }

      .hero-small {
        font-size: 12px;
        color: #90a7a8
      }

      .hero-small strong {
        color: #cde6d8
      }

      .hero-panel {
        background: linear-gradient(145deg, #1a332d, #10222b 70%);
        border: 1px solid #38584a;
        border-radius: 22px;
        padding: 25px;
        box-shadow: 0 28px 70px #0004
      }

      .panel-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #355147
      }

      .panel-title {
        font-size: 18px;
        font-weight: 800
      }

      .pill {
        background: #2c4737;
        color: #b8ef8b;
        padding: 6px 10px;
        border-radius: 40px;
        font-size: 11px;
        font-weight: 700
      }

      .quick-link {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 16px 0;
        border-bottom: 1px solid #29413e;
        color: #f1f6f3
      }

      .quick-link:last-child {
        border-bottom: 0
      }

      .quick-link:hover {
        color: var(--green)
      }

      .quick-icon {
        width: 39px;
        height: 39px;
        border-radius: 10px;
        display: grid;
        place-items: center;
        background: #2b493b;
        color: var(--green);
        font-size: 18px;
        flex-shrink: 0
      }

      .quick-link strong {
        font-size: 13px;
        display: block
      }

      .quick-link small {
        font-size: 11px;
        color: #a7bcb6
      }

      .arrow {
        margin-left: auto;
        color: var(--green)
      }

      .section {
        padding: 78px 0
      }

      .section-soft {
        background: #0d1a24;
        border-top: 1px solid #1d303a;
        border-bottom: 1px solid #1d303a
      }

      .section-kicker {
        font-size: 12px;
        color: var(--green);
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px
      }

      .section-title {
        font-size: clamp(28px, 3.3vw, 39px);
        font-weight: 800;
        letter-spacing: -1.3px;
        margin: 12px 0 15px
      }

      .section-intro {
        color: var(--muted);
        line-height: 1.7;
        max-width: 670px
      }

      .info-card {
        height: 100%;
        background: var(--surface);
        border: 1px solid var(--line);
        border-radius: 17px;
        padding: 25px;
        transition: .2s
      }

      .info-card:hover {
        border-color: #658c61;
        transform: translateY(-3px)
      }

      .card-icon {
        width: 48px;
        height: 48px;
        border-radius: 13px;
        background: #233c31;
        color: var(--green);
        display: grid;
        place-items: center;
        font-size: 23px;
        margin-bottom: 20px
      }

      .info-card h3 {
        font-size: 18px;
        font-weight: 800;
        margin-bottom: 11px
      }

      .info-card p {
        color: var(--muted);
        font-size: 13px;
        line-height: 1.75;
        min-height: 68px
      }

      .card-link {
        color: var(--green);
        font-weight: 800;
        font-size: 13px
      }

      .warning-box {
        
      }

      .warning-box h3 {
        font-size: 19px;
        font-weight: 800;
        color: #f7e6a3
      }

      .warning-box p {
        color: #d4cdb1;
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 12px
      }

      .warning-box a {
        color: #f7e6a3;
        font-weight: 700
      }

      .game-chip {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: var(--surface);
        border: 1px solid var(--line);
        padding: 16px 18px;
        border-radius: 11px;
        color: #e8f2ec;
        font-weight: 700;
        font-size: 14px;
        transition: .2s
      }

      .game-chip:hover {
        border-color: var(--green);
        color: var(--green)
      }

      .game-chip span {
        color: var(--green)
      }

      .steps {
        counter-reset: step
      }

      .step {
        display: flex;
        gap: 16px;
        margin-bottom: 25px
      }

      .step-num {
        display: grid;
        place-items: center;
        flex-shrink: 0;
        width: 37px;
        height: 37px;
        border-radius: 50%;
        background: #274734;
        color: var(--green);
        font-weight: 800
      }

      .step h3 {
        font-size: 16px;
        font-weight: 800
      }

      .step p {
        font-size: 13px;
        color: var(--muted);
        line-height: 1.7
      }

      .responsible {
        border: 1px solid #41684b;
        background: linear-gradient(120deg, #183529, #112a2b);
        border-radius: 20px;
        padding: 34px
      }

      .responsible h2 {
        font-size: 26px;
        font-weight: 800
      }

      .responsible p {
        color: #c5d9cd;
        line-height: 1.75
      }

      .footer {
        background: #071018;
        border-top: 1px solid #26343b;
        padding: 55px 0 25px
      }

      .footer h4 {
       font-size: 17px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 16px;
      }

      .footer a {
        display: block;
		  color: #b7bbbc;
		  font-size: 15px;
		  margin-bottom: 6px;
      }

      .footer a:hover {
        color: var(--green)
      }

      .footer p {
color: #b7bbbc;
  font-size: 15px;
  line-height: 1.6;
      }

      .footer-bottom {
        border-top: 1px solid #686868;
  margin-top: 34px;
  padding-top: 22px;
  color: #b7bbbc;
  font-size: 15px;
      }

      .tag {
        display: inline-block;
        color: #bce9a0;
        background: #233c2f;
        padding: 5px 9px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 700
      }

      @media(max-width:991px) {
        .hero {
          padding: 65px 0
        }

        .hero-panel {
          margin-top: 35px
        }
      }

      @media(max-width:575px) {
        .hero {
          padding: 52px 0
        }

        .hero h1 {
          letter-spacing: -1.5px
        }
.sg-item .nav-link {
	padding: 13px 5px;}
        .section {
          padding: 25px 0
        }

        .responsible {
          padding: 24px
        }

        .hero-actions a {
          width: 100%;
          text-align: center
        }
      }

      /* Gaming visual refresh */
      body {
        background: #07131c
      }

      .hero {
        position: relative;
        overflow: hidden;
        background: radial-gradient(ellipse at 80% 25%, rgba(86, 180, 126, .14), transparent 42%), radial-gradient(ellipse at 15% 60%, rgba(46, 113, 141, .14), transparent 46%), #07131c
      }

      .hero:before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image: linear-gradient(rgba(152, 245, 181, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(152, 245, 181, .035) 1px, transparent 1px);
        background-size: 48px 48px;
        mask-image: linear-gradient(to bottom, #000, transparent)
      }

      .hero .container {
        position: relative;
        z-index: 1
      }

      .hero-art {
        position: relative;
        margin-bottom: 18px;

      }

      .hero-art img {
        display: block;
        width: 100%;
        height: auto;
        aspect-ratio: 760/490;
        object-fit: cover;
        object-position: top
      }
	  
/* Gaming Hero Section */

.gaming-hero {
    position: relative;
    background:
        radial-gradient(
            ellipse at 80% 30%,
            rgba(20, 75, 45, 0.20),
            transparent 55%
        ),
        #07141c;

    padding: 75px 0 20px;
    overflow: hidden;
}

.gaming-hero .container {
   
}

.gaming-hero-row {
    min-height: 480px;
    --bs-gutter-x: 20px;
}

.gaming-hero .hero-left {
    position: relative;
    z-index: 2;
}

.gaming-hero .hero-left h1 {
    font-size: clamp(42px, 4.6vw, 68px);
    line-height: 1.12;
    letter-spacing: -2px;
}

.gaming-hero .lead-copy {
    max-width: 610px;
    line-height: 1.8;
}

/* Right Image */

.gaming-hero .hero-right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 460px;
}

.gaming-hero-image {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gaming-hero-image img {
    display: block;
    width: 118%;
    max-width: none;
    height: auto;
    object-fit: contain;
    transform: translateX(2%) scale(1.08);
    transition: transform 0.4s ease;
}

/* Desktop */

@media (min-width: 1200px) {
    .gaming-hero-image img {
        width: 125%;
        transform: translateX(4%) scale(1.1);
    }
}

/* Tablet */

@media (max-width: 991px) {
    .gaming-hero {
        padding: 65px 0;
    }

    .gaming-hero .hero-left {
        text-align: center;
    }

    .gaming-hero .lead-copy {
        margin-left: auto;
        margin-right: auto;
    }

    .gaming-hero .hero-actions {
        justify-content: center;
    }

    .gaming-hero .hero-right {
        min-height: auto;
        margin-top: 35px;
    }

    .gaming-hero-image img {
        width: 100%;
        max-width: 720px;
        transform: none;
    }
}

/* Mobile */

@media (max-width: 575px) {
    .gaming-hero {
        padding: 16px 0 20px;
    }

    .gaming-hero .hero-left h1 {
        font-size: 39px;
        letter-spacing: -1px;
    }

    .gaming-hero .lead-copy {
        font-size: 15px;
        line-height: 1.7;
    }

    .gaming-hero .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .gaming-hero .hero-right {
       margin-top: 0px;
    order: -1
    }

    .gaming-hero-image img {
        width: 115%;
        max-width: none;
        transform: none;
    }
}


      .art-badge {
        position: absolute;
        left: 18px;
        bottom: 18px;
        padding: 10px 14px;
        border-radius: 30px;
        background: rgba(7, 19, 28, .88);
        border: 1px solid rgba(163, 255, 158, .3);
        color: #d8fce0;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 1.1px;
        backdrop-filter: blur(10px)
      }

      .art-badge span {
        color: #a8ff6b;
        margin: 0 6px
      }

      .services-section {
        position: relative;
        background: linear-gradient(180deg, #0b1a25, #091721)
      }

      .section-heading-line {
        display: flex;
        justify-content: space-between;
        align-items: end;
        gap: 25px
      }

      .section-counter {
        font-size: 11px;
        letter-spacing: 2px;
        color: #88a4a8;
        white-space: nowrap;
        margin-bottom: 35px
      }

      .accent-dot {
        color: #b4ff77
      }

      .service-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 275px;
        padding: 27px 26px;
        border-radius: 20px;
        border: 1px solid #29414c;
        background: linear-gradient(150deg, #122631, #0e1c27);
        color: #eaf7f4;
        text-decoration: none;
        overflow: hidden;
        transition: transform .25s, border-color .25s, box-shadow .25s
      }

      .service-card:before {
        content: "";
        position: absolute;
        right: -60px;
        top: -75px;
        width: 170px;
        height: 170px;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(172, 255, 112, .12), transparent 65%);
        pointer-events: none
      }

      .service-card:hover {
        transform: translateY(-7px);
        border-color: #9de66e;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .28);
        color: #fff
      }

      .service-icon {
        width: 55px;
        height: 55px;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #b4ff78;
        background: #233e33;
        margin-bottom: 23px
      }

      .service-icon svg {
        width: 27px;
        height: 27px
      }

      .service-title {
        font-size: 21px;
        font-weight: 800;
        letter-spacing: -.4px;
        margin-bottom: 10px
      }

      .service-desc {
        color: #adc4d0;
        font-size: 14px;
        line-height: 1.7;
        flex: 1
      }

      .service-action {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 22px;
        color: #b4ff78;
        font-size: 13px;
        font-weight: 800
      }

      .service-action span {
        font-size: 20px
      }

      @media(max-width:991px) {
        .hero-art {
          max-width: 580px;
          margin: 0 auto 18px
        }

        .section-counter {
          display: none
        }
      }

      @media(max-width:575px) {
        .service-card {
          min-height: 245px;
          padding: 23px
        }

        .service-title {
          font-size: 19px
        }

        .hero-art img {
          aspect-ratio: 760/530
        }
		.col-lg-6.ri {
  order: -1;
  margin-top: 0px;
}
      }
	  .section.saf {
  background: #000;
}
.section.how {
  padding-bottom: 0px;
}




/* START HERE SECTION */

.stake-start-section {
    padding: 90px 0;
    background: #07141c;
    position: relative;
}

.stake-section-heading {
    max-width: 750px;
    margin: 0 auto 45px;
}

.stake-section-label {
    display: inline-block;
    color: #b4f879;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 14px;
}

.stake-section-heading h2 {
    font-size: clamp(30px, 3.5vw, 44px);
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.stake-section-heading p {
    color: #b3c7d0;
    font-size: 16px;
    line-height: 1.8;
}

/* CARD DESIGN */

.stake-help-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 285px;
    padding: 30px;
    background: #10212c;
    border: 1px solid #263d48;
    border-radius: 18px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.stake-help-card:hover {
    border-color: #b4f879;
    background: #142b32;
    transform: translateY(-6px);
    box-shadow: 0 12px 35px rgba(141, 245, 97, 0.10);
}

/* ICON */

.stake-help-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #254334;
    color: #b4f879;
    border-radius: 14px;
    font-size: 26px;
    margin-bottom: 22px;
    transition: all 0.3s ease;
}

.stake-help-card:hover .stake-help-icon {
    background: #b4f879;
    color: #07141c;
}

/* CARD TEXT */

.stake-help-card h3 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 12px;
}

.stake-help-card p {
    color: #b4c9d3;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 25px;
}

/* BOTTOM LINK */

.stake-card-link {
    color: #b4f879;
    font-size: 14px;
    font-weight: 700;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.stake-card-link span {
    transition: transform 0.3s ease;
}

.stake-help-card:hover .stake-card-link span {
    transform: translateX(5px);
}

/* TABLET */

@media (max-width: 991px) {
    .stake-start-section {
        padding: 70px 0;
    }

    .stake-help-card {
        min-height: 265px;
        padding: 25px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .stake-start-section {
        padding: 55px 0;
    }

    .stake-section-heading {
        margin-bottom: 30px;
    }

    .stake-section-heading h2 {
        font-size: 30px;
    }

    .stake-help-card {
        min-height: auto;
        padding: 25px;
    }

    .stake-help-card h3 {
        font-size: 18px;
    }
}


:root{--bg:#07141c;--panel:#10232d;--line:#29414a;--lime:#b5f475;--muted:#b1c7d1;--white:#f7fbfc}
.slot-page{overflow:hidden}.slot-page a{text-decoration:none}.slot-breadcrumb{padding:23px 0 10px;font-size:13px;color:#9db6c2}.slot-breadcrumb a{color:#c2d5dc}.slot-breadcrumb span{color:var(--lime)}
.slot-hero{padding:52px 0 75px;position:relative;background:radial-gradient(circle at 77% 35%,rgba(61,140,77,.19),transparent 45%),linear-gradient(125deg,#07141c,#0c2128)}.slot-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;background:#1c3a31;border:1px solid #35634c;border-radius:30px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:1.5px}.slot-hero h1{font-size:clamp(42px,5vw,70px);letter-spacing:-2px;line-height:1.06;font-weight:850;margin:22px 0}.slot-hero h1 span{color:var(--lime)}.slot-lead{font-size:17px;color:var(--muted);line-height:1.85;max-width:610px}.slot-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.slot-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 21px;border-radius:10px;font-size:14px;font-weight:750}.slot-btn-primary{background:var(--lime);color:#081710!important}.slot-btn-secondary{border:1px solid #526973;color:white!important}.slot-disclaimer{margin-top:25px;font-size:12px;color:#a9c2cb}.slot-visual{min-height:370px;position:relative;display:grid;place-items:center}.slot-halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(114,242,100,.22),rgba(114,242,100,0) 68%);filter:blur(8px)}.slot-machine{position:relative;z-index:2;width:290px;transform:rotate(-7deg);padding:20px;border-radius:28px;background:linear-gradient(145deg,#234b3a,#07171b 55%,#183a2f);border:2px solid #5eae65;box-shadow:0 0 55px #5bfa6222,18px 28px 45px #0009}.slot-machine-top{text-align:center;font-size:14px;font-weight:900;letter-spacing:3px;color:var(--lime);padding:10px}.slot-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#041016;padding:12px;border:2px solid #6cc96c;border-radius:13px}.slot-reels span{height:92px;display:grid;place-items:center;font-size:47px;background:linear-gradient(#18333c,#09151d);border-radius:8px}.slot-machine-bottom{text-align:center;padding:15px 0 5px;font-weight:900;color:var(--lime);letter-spacing:2px}.slot-chip{position:absolute;z-index:3;width:84px;height:84px;display:grid;place-items:center;border:12px dashed #a3f268;border-radius:50%;background:#17352a;color:#fff;font-weight:800;box-shadow:0 0 30px #71e85d44}.slot-chip.a{right:1%;top:13%}.slot-chip.b{left:2%;bottom:4%;width:67px;height:67px;font-size:12px}.slot-section{padding:80px 0}.slot-section.alt{background:#0b1b25;padding-bottom:0px;}.slot-eyebrow{font-size:12px;color:var(--lime);font-weight:800;letter-spacing:2px;margin-bottom:12px}.slot-heading{font-size:clamp(29px,3.2vw,43px);letter-spacing:-1px;font-weight:800;margin-bottom:15px}.slot-intro{color:var(--muted);line-height:1.85;max-width:760px}.slot-card{height:100%;background:#10232d;border:1px solid var(--line);border-radius:19px;padding:28px;transition:.25s}.slot-card:hover{border-color:#8bd66b;transform:translateY(-4px)}.slot-icon{width:55px;height:55px;border-radius:14px;display:grid;place-items:center;background:#234435;color:var(--lime);font-size:27px;margin-bottom:20px}.slot-card h3{font-size:20px;font-weight:750;margin-bottom:12px}.slot-card p,.slot-card li{font-size:14px;color:var(--muted);line-height:1.8}.slot-card ul{padding-left:19px}.slot-card a{color:var(--lime);font-size:14px;font-weight:700}.slot-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.slot-table table{margin:0;color:#dce9ed}.slot-table th{background:#1c3c32!important;color:#c8fa99!important;font-size:14px}.slot-table td{background:#10232d!important;color:#c0d1d8!important;font-size:14px}.slot-table td,.slot-table th{padding:17px;border-color:#2d4550!important}.slot-warning{background:linear-gradient(110deg,#27271d,#19241e);border:1px solid #726a37;border-radius:20px;padding:30px}.slot-warning h3{color:#ffdb7d;font-weight:800}.slot-warning p{color:#e1d7b4;line-height:1.8}.slot-faq .accordion-item{background:#10232d;border:1px solid #2b434d;margin-bottom:12px;border-radius:12px!important;overflow:hidden}.slot-faq .accordion-button{background:#10232d;color:#fff;box-shadow:none;font-weight:700;padding:21px}.slot-faq .accordion-button:not(.collapsed){background:#18352f;color:var(--lime)}.slot-faq .accordion-button::after{filter:brightness(0) invert(1)}.slot-faq .accordion-body{color:var(--muted);line-height:1.8}.slot-related{display:block;color:#fff;border:1px solid var(--line);padding:19px 22px;border-radius:12px;background:#10232d;font-weight:700}.slot-related:hover{color:var(--lime);border-color:var(--lime)}.slot-legal{font-size:12px;color:#a5bbc5;line-height:1.7}@media(max-width:991px){.slot-hero{padding:35px 0 55px}.slot-visual{margin-top:30px}.slot-section{padding:60px 0}}@media(max-width:575px){.slot-hero h1{font-size:42px}.slot-visual{min-height:340px}.slot-machine{width:235px}.slot-reels span{height:74px;font-size:36px}.slot-chip.a{right:0}.slot-section{padding:48px 0}.slot-card{padding:23px}.slot-warning{padding:23px}}

.top-note {
    padding: 11px 0;
    background: #13252d;
    border-bottom: 1px solid var(--line);
    font-size: 12px;
    color: #d2e0db;
    text-align: center;
}
.top-note strong {
    color: var(--green);
}
.site-nav {
    background: #091923;
    border-bottom: 1px solid var(--line);
    padding: 13px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}
.navbar-brand {
    font-weight: 800;
    letter-spacing: -0.8px;
    color: white !important;
    font-size: 24px;
}
.navbar-brand span {
    color: var(--green);
}
.navbar-brand small {
    display: block;
    color: #9bb2bb;
    font-size: 10px;
    letter-spacing: 1.1px;
    font-weight: 600;
}
.navbar .nav-link {
    color: #e1e9ec;
    font-size: 13px;
    font-weight: 700;
    padding: 13px 12px !important;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.show {
    color: var(--green);
}
.dropdown-menu {
    background: #112732;
    border: 1px solid #34505b;
    border-radius: 13px;
    padding: 9px;
    min-width: 210px;
    box-shadow: 0 20px 45px #0006;
}
a.navbar-brand img {
    max-width: 205px;
}
.dropdown-item {
    color: #333;
    font-size: 13px;
    border-radius: 7px;
    padding: 9px 12px;
    white-space: normal;
}
.dropdown-item:hover,
.dropdown-item:focus {
    background: #254239;
    color: var(--green);
}
.navbar-toggler {
    border: 1px solid #50626c;
    color: #fff;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.15rem #b4ed7555;
}

.btn-lime {
    background: var(--green);
    border: 1px solid var(--green);
    color: #142319;
    font-weight: 800;
    border-radius: 10px;
    padding: 13px 20px;
}
.btn-lime:hover {
    background: #d2ffa2;
    color: #142319;
}
.btn-outline-custom {
    border: 1px solid #6b7d86;
    color: white;
    border-radius: 10px;
    padding: 13px 20px;
    font-weight: 700;
}
.btn-outline-custom:hover {
    background: #1e343f;
    color: #fff;
}
.hero {
    padding: 85px 0 80px;
    background: radial-gradient(ellipse at 77% 32%, #24513966, transparent 50%),
        radial-gradient(ellipse at 12% 80%, #153b5366, transparent 50%), #07141c;
    overflow: hidden;
}
.eyebrow {
    display: inline-block;
    background: #1d382e;
    border: 1px solid #40634b;
    border-radius: 40px;
    padding: 8px 13px;
    color: var(--green);
    font-size: 11px;
    letter-spacing: 1.1px;
    font-weight: 800;
    text-transform: uppercase;
}
.hero h1 {
    font-size: clamp(38px, 5vw, 66px);
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 1.1;
    margin: 23px 0;
}
.hero h1 span {
    color: var(--green);
}
.hero-copy {
    font-size: 16px;
    line-height: 1.85;
    color: #bed0d5;
    max-width: 600px;
}
.hero-small {
    font-size: 12px;
    color: #a7bbc2;
    line-height: 1.9;
}
.hero-visual {
    border: 1px solid #345449;
    border-radius: 24px;
    padding: 27px;
    background: linear-gradient(140deg, #193b32, #10232d 65%);
    box-shadow: 0 25px 65px #0005;
    position: relative;
}
.visual-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-bottom: 18px;
    border-bottom: 1px solid #365348;
}
.visual-header strong {
    font-size: 19px;
}
.visual-header span {
    font-size: 10px;
    background: #2a4936;
    color: #b8f59a;
    border-radius: 30px;
    padding: 7px 10px;
}
.visual-row {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 0;
    border-bottom: 1px solid #2d4945;
    color: #fff;
}
.visual-row:last-child {
    border: 0;
    padding-bottom: 0;
}
.visual-row i:first-child {
    background: #2b4a3a;
    color: var(--green);
    border-radius: 10px;
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    font-size: 20px;
    flex-shrink: 0;
}
.visual-row strong {
    font-size: 13px;
    display: block;
}
.visual-row small {
    font-size: 11px;
    color: #b5c9c6;
}
.visual-row .bi-arrow-up-right {
    margin-left: auto;
    color: var(--green);
}
.section {
    padding: 78px 0;
}
.section-alt {
    background: #0c1c26;
    border-top: 1px solid #1d333c;
    border-bottom: 1px solid #1d333c;
}
.kicker {
    color: var(--green);
    font-size: 12px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 800;
}
.section-title {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 800;
    letter-spacing: -1px;
    margin: 12px 0 15px;
}
.section-desc {
    color: var(--muted);
    max-width: 730px;
    line-height: 1.8;
}
.topic-card,
.help-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: linear-gradient(145deg, #142a35, #10212b);
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 27px;
    color: #fff;
    transition:
        transform 0.25s,
        border-color 0.25s,
        box-shadow 0.25s;
}
.topic-card:hover,
.help-card:hover {
    color: #fff;
    border-color: #8dc767;
    transform: translateY(-5px);
    box-shadow: 0 14px 32px #0004;
}
.card-symbol {
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    border-radius: 14px;
    background: #294537;
    color: var(--green);
    font-size: 25px;
    margin-bottom: 22px;
}
.topic-card h3,
.help-card h3 {
    font-size: 20px;
    font-weight: 800;
}
.topic-card p,
.help-card p {
    font-size: 14px;
    color: #b4c7cf;
    line-height: 1.75;
    flex: 1;
}
.card-action,
.help-card span {
    color: var(--green);
    font-size: 13px;
    font-weight: 800;
    margin-top: 10px;
}
.card-action i,
.help-card span i {
    margin-left: 7px;
}
.help-icon {
    color: var(--green);
    font-size: 28px;
    margin-bottom: 20px;
}
.help-card {
    min-height: 245px;
}
.warning-panel {
    border: 1px solid #76613b;
    background: linear-gradient(135deg, #31291e, #1b2929);
    border-radius: 20px;
    padding: 30px;
}
.warning-panel h3 {
    font-weight: 800;
    font-size: 20px;
    color: #ffe4a5;
}
.warning-panel li {
    color: #e5d8bf;
    line-height: 1.9;
    margin: 7px 0;
}
.game-chip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 11px;
    color: #e6eff1;
    padding: 17px;
    font-size: 14px;
    font-weight: 700;
    height: 100%;
}
.game-chip:hover {
    border-color: var(--green);
}
.game-chip i {
    color: var(--green);
}
.rule-card {
    height: 100%;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 24px;
}
.rule-card i {
    font-size: 27px;
    color: var(--green);
}
.rule-card h3 {
    font-size: 17px;
    font-weight: 800;
    margin: 17px 0 10px;
}
.rule-card p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
}
.responsible {
    background: linear-gradient(110deg, #1a3829, #112b2c);
    border: 1px solid #456e4e;
    border-radius: 22px;
    padding: 35px;
}
.responsible h2 {
    font-weight: 800;
}
.responsible p {
    color: #c7d9cf;
    line-height: 1.8;
}
.footer {
    background: #061018;
    border-top: 1px solid var(--line);
    padding: 55px 0 25px;
}
.footer h3 {
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 15px;
}
.footer a {
    display: block;
    color: #b4c3c9;
    font-size: 13px;
    margin: 8px 0;
}
.footer a:hover {
    color: var(--green);
}
.footer p {
    font-size: 13px;
    color: #afc0c7;
    line-height: 1.8;
}
.footer-bottom {
    border-top: 1px solid #31434b;
    margin-top: 35px;
    padding-top: 22px;
    color: #a7b7bd;
    font-size: 12px;
}
@media (min-width: 992px) {
    .navbar .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}
@media (max-width: 991px) {
    .site-nav .navbar-collapse {
        padding: 14px 0;
    }
    .navbar .nav-link {
        padding: 11px 5px !important;
    }
    .dropdown-menu {
        box-shadow: none;
    }
    .hero {
        padding: 55px 0;
    }
    .hero-visual {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .hero {
        padding: 45px 0;
    }
    .hero h1 {
        letter-spacing: -1.3px;
    }
    .section {
        padding: 53px 0;
    }
    .responsible {
        padding: 24px;
    }
    .hero .btn {
        width: 100%;
        margin-bottom: 9px;
    }
}