:root{
    --bg:#0a0f0a;
    --bg2:#0d140d;
    --green:#39ff6a;
    --green-dim:#1f8a3f;
    --amber:#ffb000;
    --fg:#c9f5cf;
    --line:#173a1f;
    --ban:rgb(191, 32, 40);
  }
  *{box-sizing:border-box;}
  body{
    margin:0;
    background:
      radial-gradient(ellipse at top, #0f1a0f 0%, var(--bg) 60%);
    color:var(--fg);
    font-family:"Courier New", ui-monospace, monospace;
    min-height:100vh;
    padding:24px 16px 60px;
    position:relative;
    overflow-x:hidden;
  }
  body::before{
    content:"";
    position:fixed; inset:0;
    background:repeating-linear-gradient(
      to bottom, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.025) 1px,
      transparent 1px, transparent 3px
    );
    pointer-events:none;
    z-index:5;
  }

.card{
    border:1px solid var(--green-dim);
    padding:18px 20px;
    background:linear-gradient(180deg, rgba(57,255,106,0.04), transparent 40%);
    box-shadow:0 0 30px rgba(57,255,106,0.06) inset;
  }

  .top-tag{
    font-size:11px;
    letter-spacing:3px;
    color:var(--green-dim);
    text-transform:uppercase;
  }

    h1{
    font-size:clamp(32px,8vw,56px);
    margin:6px 0 2px;
    color:var(--green);
    text-shadow:0 0 12px rgba(57,255,106,0.55), 0 0 2px rgba(57,255,106,0.9);
    letter-spacing:1px;
  }

  h1 span{color:var(--amber); text-shadow:0 0 10px rgba(255,176,0,0.6);}
  h2 span{color:var(--amber); text-shadow:0 0 10px rgba(255,176,0,0.6);}
  h3 span{color:var(--amber); text-shadow:0 0 10px rgba(255,176,0,0.6);}
  h5 span{color:var(--amber); text-shadow:0 0 10px rgba(255,176,0,0.6);}
  p span{color:var(--amber); text-shadow:0 0 10px rgba(255,176,0,0.6);}
  i span{color:var(--amber); text-shadow:0 0 10px rgba(255,176,0,0.6);}
  b span{color:var(--ban); text-shadow:0 0 10px var(--ban);}

.subtitle{
    color:var(--fg);
    opacity:0.75;
    font-size:14px;
    margin-bottom:18px;
    border-left:2px solid var(--green-dim);
    padding-left:10px;
}

  .counter-row{
    display:flex; gap:10px; flex-wrap:wrap;
    margin:18px 0;
    font-size:12px;
  }
  .pill{
    border:1px solid var(--green-dim);
    padding:6px 10px;
    color:var(--green);
    background:rgba(57,255,106,0.05);
  }

  .pill b{color:var(--amber);}

  .pill:hover{
    text-decoration: none;
    background:rgba(57,255,106,0.1);
    color:var(--fg);
  }

  .pill:focus{
    background: rgba(57, 255, 106, 0.1);
    outline: none;
  }

  .section-title{
    color:var(--amber); 
    border-bottom: 1px dashed var(--green-dim);
  }

  .section-rule{
    border-bottom: 1px solid var(--line);
  }

  .membros{
    border:1px solid green;
    margin-left:5px;
    padding:5px;
    margin-bottom:10px;
  }

  .last-row{
    border-bottom:1px solid var(--line);
    margin-bottom:10px;
  }

  .col-1{
    flex:0 0 15.333333%;
    max-width: 15.33333%;
  }

  .img{
    max-width:920px;
  }

  @media(max-width:768px){
     .row{
      display:grid;
     }
     .col-1{
      margin-top:15px;
      margin-bottom:15px;
      width:100%;
      max-width:none;
     }
     .col-2{
      margin-top:15px;
      margin-bottom:15px;
      width:100%;
      max-width:none;
     }
     .img{
      max-width:320px;
     }
  }