:root{
    --bg:#0c1035;
    --bg2:#111640;
    --bg3:#0a0d28;
    --navy:#161a4a;
    --red:#c0291f;
    --red2:#9e1f16;
    --white:#ffffff;
    --gray:#8a90b8;
    --line:rgba(255,255,255,0.1);
    --card:#141843;
    --tab-active:#1d2358;
    --accent:#e8f200;
  }

  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);}

  /* tabs row */
  .tabs-bar{
    background:var(--bg3);
    border-bottom:1px solid var(--line);
  }
  .tabs{display:flex;gap:0;}
  .tab-btn{
    padding:15px 26px;
    font-size:13px;font-weight:600;letter-spacing:0.3px;
    color:rgba(255,255,255,0.5);
    background:transparent;border:none;cursor:pointer;
    border-bottom:2px solid transparent;
    transition:color .2s, border-color .2s, background .2s;
  }
  .tab-btn.active{
    color:var(--white);
    background:var(--tab-active);
    border-bottom:2px solid var(--red);
  }
  .tab-btn:hover{color:rgba(255,255,255,.8);}

  /* =========== SECTIONS =========== */
  .tab-content{display:none;}
  .tab-content.active{display:block;}

  section.content-section{padding:48px 0 60px;}

  /* =========== ACADEMY TAB =========== */
  .academy-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
  .academy-text p,
  .another-text p{
    font-size:14px;line-height:1.85;color:rgba(255,255,255,0.72);
    margin-bottom:14px;
  }
  .academy-text p:last-child{margin-bottom:0;}
  .academy-visual{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:4px;
    overflow:hidden;
  }
  .academy-visual svg{width:100%;display:block;}

  /* stats row at bottom */
  .stats-strip{
    margin-top:36px;
    display:grid;grid-template-columns:repeat(3,1fr);
    gap:0;
    border:1px solid var(--line);
    border-radius:4px;
    overflow:hidden;
    background:var(--card);
  }
  .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{
    flex-shrink:0;
    width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    opacity:.8;
  }
  .stat-box .sval{
    font-size:20px;font-weight:800;font-style:italic;color:var(--white);
    line-height:1.1;
  }
  .stat-box .slabel{
    font-size:11px;font-weight:500;color:var(--gray);
    margin-top:3px;letter-spacing:0.2px;
  }

  /* =========== INFRA TAB =========== */
  .infra-content{
    display:grid;grid-template-columns:1fr 1fr;gap:16px;
  }
  .infra-section-title{
    font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
    color:var(--gray);margin-bottom:8px;padding-left:2px;
  }
  .infra-list{display:flex;flex-direction:column;gap:8px;}
  .infra-item{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:3px;
    padding:14px 18px;
    display:flex;align-items:center;gap:14px;
    transition:border-color .2s;
    cursor:default;
  }
  .infra-item:hover{border-color:rgba(255,255,255,.25);}
  .infra-item .ii-icon{
    width:36px;height:36px;flex-shrink:0;
    background:rgba(255,255,255,.05);
    border-radius:3px;
    display:flex;align-items:center;justify-content:center;
  }
  .infra-item .ii-text{font-size:13.5px;font-weight:600;color:var(--white);}
  .infra-stats{
    margin-top:32px;
    display:grid;grid-template-columns:repeat(3,1fr);gap:0;
    border:1px solid var(--line);border-radius:4px;overflow:hidden;
    background:var(--card);
  }
  /* reuse .stat-box */

  /* =========== COURTS TAB =========== */
  .courts-header{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:24px;
  }
  .courts-lead{
    font-size:14px;line-height:1.75;color:rgba(255,255,255,.7);
    max-width:540px;margin-bottom:28px;
  }
  .courts-grid-stats{
    display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;
  }
  .court-count-card{
    background:var(--card);
    border:1px solid var(--line);
    border-radius:4px;
    padding:22px 26px;
    display:flex;align-items:center;gap:18px;
  }
  .court-count-card .cc-num{
    font-size:52px;font-weight:800;font-style:italic;color:var(--white);line-height:1;
  }
  .court-count-card .cc-label{
    font-size:12.5px;font-weight:600;color:var(--gray);letter-spacing:.2px;
    line-height:1.4;
  }
  .court-count-card .cc-badge{
    display:inline-block;margin-top:6px;
    background:var(--red);color:var(--white);
    font-size:10px;font-weight:700;letter-spacing:.4px;
    padding:3px 10px;border-radius:20px;text-transform:uppercase;
  }
  .court-gallery{
    display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;
    margin-bottom:28px;
  }
  .court-card{
    background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;
  }
  .court-card .cc-img{
    position:relative;overflow:hidden;
  }
  .court-card .cc-img svg{width:100%;display:block;}
  .court-card .cc-body{padding:14px 16px 16px;}
  .court-card .cc-name{
    font-size:13px;font-weight:700;text-transform:uppercase;
    letter-spacing:.3px;margin-bottom:5px;
  }
  .court-card .cc-price{
    font-size:12px;color:var(--gray);margin-bottom:10px;
  }
  .court-card .cc-btn{
    display:block;text-align:center;
    background:var(--red);color:var(--white);
    font-size:11px;font-weight:700;letter-spacing:.3px;
    text-transform:uppercase;padding:8px;
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
  }
  /* stats strip at bottom */
  .courts-stats{
    display:grid;grid-template-columns:repeat(3,1fr);gap:0;
    border:1px solid var(--line);border-radius:4px;overflow:hidden;
    background:var(--card);
  }
  .footer {
    border-top: 1px solid rgba(255, 255, 255, .15);
  }

  /* =========== RESPONSIVE =========== */
  @media(max-width:900px){
    nav ul{display:none;}
    .academy-grid{grid-template-columns:1fr;}
    .infra-content{grid-template-columns:1fr;}
    .courts-grid-stats{grid-template-columns:1fr;}
    .court-gallery{grid-template-columns:1fr 1fr;}
    .stats-strip,.infra-stats,.courts-stats{grid-template-columns:1fr;}
    .stat-box{border-right:none;border-bottom:1px solid var(--line);}
    .stat-box:last-child{border-bottom:none;}
    .page-hero-title h1{font-size:22px;}
  }
  @media(max-width:600px){
    .court-gallery{grid-template-columns:1fr;}
    .tab-btn{padding:12px 14px;font-size:12px;}
  }