:root{
    --preto:#0D0D0D;--creme:#F5F4F0;--laranja:#E8550A;--amarelo:#FFE24D;--rosa:#FF2D78;--texto-suave:#57534e;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:"Inter",system-ui,sans-serif;background:var(--creme);color:var(--preto);
    line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;
    display:flex;flex-direction:column;align-items:center;padding:40px 20px 30px}
  .display{font-family:"Archivo Black","Arial Black",sans-serif;text-transform:uppercase;letter-spacing:-.5px}
  .hub{width:100%;max-width:440px}

  /* header */
  .head{text-align:center;margin-bottom:30px}
  .avatar{width:96px;height:96px;border-radius:20px;background:var(--preto);color:var(--laranja);
    display:flex;align-items:center;justify-content:center;font-family:"Archivo Black",sans-serif;font-size:2.1rem;
    margin:0 auto 18px;border:3px solid var(--preto);box-shadow:6px 6px 0 var(--laranja)}
  .head h1{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:1.55rem;line-height:1.05;margin-bottom:8px}
  .head .role{font-size:.95rem;color:var(--texto-suave);font-weight:600}
  .head .handle{display:inline-block;margin-top:12px;font-size:.78rem;font-weight:700;text-transform:uppercase;
    letter-spacing:1px;background:var(--preto);color:#fff;padding:7px 15px;border-radius:999px}
  .head .handle .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--laranja);margin-right:7px;vertical-align:middle}

  /* free content highlight */
  .free-label{display:flex;align-items:center;gap:10px;font-size:.72rem;font-weight:800;text-transform:uppercase;
    letter-spacing:1.5px;color:var(--laranja);margin:0 4px 12px}
  .free-label::after{content:"";flex:1;height:2px;background:var(--preto)}

  /* buttons */
  .lnk{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--preto);
    background:#fff;border:2.5px solid var(--preto);border-radius:14px;padding:16px 18px;margin-bottom:14px;
    box-shadow:4px 4px 0 var(--preto);transition:transform .12s ease,box-shadow .12s ease}
  .lnk:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--preto)}
  .lnk:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--preto)}
  .lnk .ic{flex:0 0 44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
    font-size:1.4rem;border:2px solid var(--preto);background:var(--creme)}
  .lnk .txt{flex:1}
  .lnk .txt .t{font-weight:800;font-size:1rem;line-height:1.2}
  .lnk .txt .s{font-size:.8rem;color:var(--texto-suave);font-weight:500}
  .lnk .arrow{font-size:1.1rem;color:var(--texto-suave)}

  /* featured (conteúdo gratuito) */
  .lnk.feat{background:var(--laranja);color:#fff;box-shadow:5px 5px 0 var(--preto)}
  .lnk.feat:hover{box-shadow:8px 8px 0 var(--preto)}
  .lnk.feat .ic{background:#fff;border-color:var(--preto)}
  .lnk.feat .txt .s{color:#fff2e8}
  .lnk.feat .arrow{color:#fff}
  .lnk.feat .badge{position:absolute}
  .feat-wrap{position:relative}
  .feat-tag{position:absolute;top:-9px;right:14px;z-index:2;background:var(--amarelo);color:var(--preto);
    font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:6px;border:2px solid var(--preto)}

  .sec-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;
    color:var(--texto-suave);margin:26px 4px 12px}

  /* socials row */
  .socials{display:flex;gap:12px;justify-content:center;margin-top:6px}
  .soc{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--preto);
    background:#fff;border:2.5px solid var(--preto);border-radius:12px;padding:14px 8px;box-shadow:3px 3px 0 var(--preto);
    transition:transform .12s,box-shadow .12s;font-size:.72rem;font-weight:700}
  .soc:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--preto)}
  .soc .e{font-size:1.35rem}

  footer{margin-top:34px;text-align:center;font-size:.78rem;color:var(--texto-suave)}
  footer .logo{font-family:"Archivo Black",sans-serif;text-transform:uppercase;color:var(--preto);font-size:1rem;display:block;margin-bottom:6px}