@font-face{font-family:Anton;src:url(fonts/anton-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(fonts/barlow-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url(fonts/barlow-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --noite:#05080D; --grafite:#0D141C; --ciano:#22D8FF; --ciano-fundo:#0E7FA6;
  --gelo:#E8F6FB; --suave:#C3D3DC; --borda:#1B2A36; --sol:#FF8A5B;
}
*{box-sizing:border-box}
html{background:var(--noite)}
body{
  margin:0; min-height:100vh; color:var(--gelo); font-family:Barlow,system-ui,sans-serif; font-size:18px; line-height:1.55;
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(34,216,255,.16), transparent 70%),
    var(--noite);
}
.wrap{width:min(960px,100% - 32px); margin-inline:auto}

header.topo{padding-block:18px; border-bottom:1px solid var(--borda)}
header.topo .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px}
header.topo img{height:36px; width:auto; display:block}
nav a{color:var(--suave); text-decoration:none; font-weight:500; margin-left:20px}
nav a:hover{color:var(--ciano)}

.hero{padding-block:40px 24px; text-align:center}
.hero .banner{width:100%; height:auto; border-radius:10px; border:1px solid var(--borda); display:block}
.hero h1{font-family:Anton,Impact,sans-serif; font-weight:400; font-size:clamp(34px,6vw,56px); letter-spacing:.04em; text-transform:uppercase; margin:28px 0 8px}
.hero h1 span{color:var(--ciano)}
.hero p{color:var(--suave); margin:0 auto; max-width:46ch}

.acoes{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; padding-block:28px}
.btn{
  display:flex; flex-direction:column; gap:4px; padding:22px 24px; border-radius:10px; text-decoration:none;
  background:var(--grafite); border:1px solid var(--borda); color:var(--gelo); transition:border-color .15s, transform .15s;
}
.btn:hover{border-color:var(--ciano); transform:translateY(-2px)}
.btn strong{font-family:Anton,Impact,sans-serif; font-weight:400; font-size:26px; letter-spacing:.05em; text-transform:uppercase}
.btn small{color:var(--suave); font-size:15px}
.btn.principal{background:var(--ciano); border-color:var(--ciano); color:var(--noite)}
.btn.principal small{color:rgba(5,8,13,.75)}
.btn.principal:hover{background:#5fe5ff}

.ip{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 16px;
  padding:16px 20px; border:1px dashed var(--borda); border-radius:10px; color:var(--suave); font-size:16px;
}
.ip code{color:var(--ciano); font-size:18px; font-weight:700; letter-spacing:.04em; user-select:all}
.ip button{
  font:inherit; font-weight:700; color:var(--noite); background:var(--ciano); border:0; border-radius:6px; padding:6px 14px; cursor:pointer;
}

footer{padding-block:36px; text-align:center; color:var(--suave); font-size:14px; border-top:1px solid var(--borda); margin-top:48px}

/* regras */
.regras{padding-block:40px}
.regras h1{font-family:Anton,Impact,sans-serif; font-weight:400; font-size:clamp(30px,5vw,44px); letter-spacing:.04em; text-transform:uppercase; margin:0 0 6px}
.regras h1 span{color:var(--ciano)}
.regras .sub{color:var(--suave); margin:0 0 28px}
.regras ol{counter-reset:r; list-style:none; padding:0; margin:0; display:grid; gap:12px}
.regras li{counter-increment:r; background:var(--grafite); border:1px solid var(--borda); border-radius:10px; padding:16px 18px 16px 64px; position:relative}
.regras li::before{
  content:counter(r); position:absolute; left:16px; top:50%; transform:translateY(-50%);
  font-family:Anton,Impact,sans-serif; font-size:26px; color:var(--ciano); width:34px; text-align:center;
}
.regras li b{display:block; font-size:19px; margin-bottom:2px}
.regras li span{color:var(--suave); font-size:16px}
.voltar{display:inline-block; margin-top:28px; color:var(--ciano); text-decoration:none; font-weight:700}