/* Ciência Talks — página temporária */
:root{
  --bg-1: #000428;
  --bg-2: #004e92;
  --text: #ffffff;
  --muted: rgb(255 255 255 / 80%);
  --accent: #20b2aa; /* teal-escuro aproximado do logo */
}

*{box-sizing:border-box}

html,body{
  height:100%;
}

body{
  margin:0;
  font-family:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--text);
  background: radial-gradient(80% 80% at 50% 20%, var(--bg-2), var(--bg-1));
  display:flex;
  align-items:center;
  justify-content:center;
}

.wrapper{
  width:100%;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

.card{
  width:min(560px, 92vw);
  text-align:center;
  padding:40px 28px;
  background: rgb(255 255 255 / 6%);
  border:1px solid rgb(255 255 255 / 10%);
  border-radius:24px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 10px 30px rgb(0 0 0 / 35%);
}

.logo{
  display:block;
  width:min(220px, 60vw);
  margin:0 auto 18px auto;
}

h1{
  margin:0 0 8px 0;
  font-size: clamp(28px, 4vw, 40px);
  line-height:1.12;
  font-weight:700;
}

p{
  margin:0;
  font-size: clamp(16px, 2.5vw, 18px);
  color: var(--muted);
}

.social{
  margin-top:18px;
  display:flex;
  gap:12px;
  justify-content:center;
}
.social a{
  color:var(--text);
  text-decoration:none;
  border:1px solid rgb(255 255 255 / 18%);
  padding:8px 12px;
  border-radius:999px;
}
.social a:hover{ border-color: var(--accent); }

.footer{
  margin-top:12px;
  opacity:.7;
}