:root{
    --bg:#0c1035;
    --bg2:#111640;
    --bg3:#0a0d28;
    --red:#7c170d;
    --white:#fff;
    --gray:#8a90b8;
    --line:rgba(255,255,255,0.1);
    --card:#141843;
    --card2:#1a2060;
  }

  html{scroll-behavior:smooth;}
  body{background:var(--bg);color:var(--white) !important;-webkit-font-smoothing:antialiased;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}
  h1, h2, h3, h4, h5, h6,
  .footer {
    color: var(--white);
  }
  .page-hero {
    position: relative;
  }
  .page-hero h3 {
    color: var(--color-blue) !important;
  }
  .page-hero__image {
    position: absolute;
    right: 0;
    top: 0;
  }
  .wrap{max-width:1320px;margin:0 auto;padding:0 28px;}
  .btn-red{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border:none;cursor:pointer;background:var(--red);color:var(--white);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:opacity .2s;}
  .btn-red:hover{opacity:.85;}

  /* ===== PAGE HERO ===== */
  .page-hero{background:var(--white);overflow:hidden;}
  .page-hero-inner{display:flex;align-items:stretch;min-height:96px;}
  .page-hero-title{background:var(--white);display:flex;align-items:center;padding:22px 50px 22px 28px;position:relative;flex-shrink:0;}
  .page-hero-title h1{font-size:30px;font-weight:800;font-style:italic;color:var(--bg);text-transform:uppercase;white-space:nowrap;}
  .page-hero-title::after{content:"";position:absolute;right:-36px;top:0;bottom:0;width:72px;background:var(--white);clip-path:polygon(0 0,50% 0,100% 100%,0 100%);}
  .page-hero-red{background:var(--red);width:70px;flex-shrink:0;clip-path:polygon(0 0,100% 0,60% 100%,0 100%);}
  .page-hero-dark{flex:1;background:var(--bg2);}

/* ===== INTRO STRIP ===== */
  .intro-section{padding:48px 0 8px;}
  .intro-grid{
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;
  }
  .intro-text p{font-size:15px;line-height:1.85;color:rgba(255,255,255,.75);margin-bottom:18px;}
  .intro-conditions{
    background:var(--card);border:1px solid var(--line);border-radius:4px;
    padding:26px 28px;
  }
  .intro-conditions h3{
    font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    color:var(--gray);margin-bottom:16px;padding-bottom:14px;
    border-bottom:1px solid var(--line);
  }
  .cond-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:rgba(255,255,255,.85);}
  .cond-row:last-child{border-bottom:none;}
  .cond-row .cico{
    width:32px;height:32px;flex-shrink:0;border-radius:6px;
    background:rgba(192,41,31,.12);display:flex;align-items:center;justify-content:center;
  }

  /* ===== STATS STRIP (reused look) ===== */
  .stats-strip{
    display:grid;grid-template-columns:repeat(3,1fr);
    border:1px solid var(--line);border-radius:4px;overflow:hidden;
    background:var(--card);margin:36px 0 0;
  }
  .stat-box{padding:22px 24px;border-right:1px solid var(--line);display:flex;align-items:center;gap:16px;}
  .stat-box:last-child{border-right:none;}
  .stat-box .sico{width:44px;height:44px;display:flex;align-items:center;justify-content:center;opacity:.7;flex-shrink:0;}
  .stat-box .sval{font-size:22px;font-weight:800;font-style:italic;color:var(--white);line-height:1.1;}
  .stat-box .slabel{font-size:11px;color:var(--gray);margin-top:3px;}

  /* ===== COURTS GRID ===== */
  .courts-section{padding:60px 0;}
  .section-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--red);margin-bottom:10px;}
  .section-heading{font-size:32px;font-weight:800;font-style:italic;line-height:1.1;margin-bottom:14px;}
  .section-sub{font-size:14px;line-height:1.7;color:var(--gray);max-width:580px;margin-bottom:40px;}

  .courts-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  }
  .court-card{
    background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;
    transition:border-color .2s,transform .2s;
  }
  .court-card:hover{border-color:rgba(192,41,31,.45);transform:translateY(-3px);}
  .court-card .cc-img{position:relative;overflow:hidden;height:190px;}
  .court-card .cc-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:transform .4s,filter .3s;}
  .court-card:hover .cc-img img{transform:scale(1.04);filter:brightness(.8);}
  .court-card .cc-img-placeholder{width:100%;height:100%;}
  .court-card .cc-badge{
    position:absolute;top:14px;left:14px;z-index:2;
    background:rgba(10,13,40,.85);backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.2);
    font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
    padding:5px 11px;border-radius:20px;color:rgba(255,255,255,.85);
  }
  .court-card .cc-body{padding:20px 22px 22px;}
  .court-card .cc-name{font-size:16px;font-weight:700;color:var(--white);margin-bottom:6px;}
  .court-card .cc-price{font-size:18px;font-weight:800;font-style:italic;color:var(--white);margin-bottom:4px;}
  .court-card .cc-price span{font-size:11.5px;font-weight:500;font-style:normal;color:var(--gray);margin-left:4px;}
  .court-card .cc-divider{height:1px;background:var(--line);margin:16px 0;}
  .court-card .cc-btn{
    display:block;text-align:center;
    background:var(--red);color:var(--white);
    font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;
    padding:11px;
    clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
    transition:opacity .2s;
  }
  .court-card .cc-btn:hover{opacity:.85;}

  /* ===== RULES SECTION ===== */
  .rules-section{padding:0 0 60px;}
  .rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
  .rule-card{
    background:var(--card);border:1px solid var(--line);border-radius:4px;
    padding:24px 24px;display:flex;gap:16px;align-items:flex-start;
  }
  .rule-card .ric{
    width:38px;height:38px;flex-shrink:0;border-radius:8px;
    background:rgba(192,41,31,.1);border:1px solid rgba(192,41,31,.2);
    display:flex;align-items:center;justify-content:center;
  }
  .rule-card p{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.75);}

  /* ===== CTA STRIP ===== */
  .cta-strip{
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:52px 0;
  }
  .cta-strip-inner{
    display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  }
  .cta-strip h3{color:var(--color-blue);font-size:26px;font-weight:800;font-style:italic;max-width:500px;}
  .cta-strip .btn-outline-white  {
    color: var(--gray);
    border: 1px solid var(--gray);
}
  .cta-strip p{color:var(--gray);font-size:14px;margin-top:8px;}
  .btn-outline-white{
    display:inline-flex;align-items:center;gap:8px;
    padding:12px 26px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
    color:var(--white);border:1px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;
    clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
    transition:border-color .2s,background .2s;
  }
  .btn-outline-white:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.05);}
  .cta-btns{display:flex;gap:12px;flex-shrink:0;}


  /* ===== RESPONSIVE ===== */
  @media(max-width:1000px){
    nav ul{display:none;}
    .intro-grid{grid-template-columns:1fr;}
    .courts-grid{grid-template-columns:1fr 1fr;}
    .rules-grid{grid-template-columns:1fr;}
  }
  @media(max-width:640px){
    .courts-grid{grid-template-columns:1fr;}
    .page-hero-title h1{font-size:22px;}
    .stats-strip{grid-template-columns:1fr;}
    .stat-box{border-right:none;border-bottom:1px solid var(--line);}
    .stat-box:last-child{border-bottom:none;}
  }
.pb-60 {
  padding-bottom: 60px;
}
.wrap.pb-60 .grid {
    display: grid;
    grid-template-columns: 440px 1fr;
    gap: 48px;
    align-items: start;
}
.tabs-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tabs-nav li {
    padding: 12px 16px;
    cursor: pointer;
    transition: .3s;
}


.tabs-nav li.active {
    color: var(--red);
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}