:root{--bg-color:#050505;--bg-card:rgba(15,15,15,0.6);--text-main:#e0e0e0;--text-muted:#888;--cyan:#00f3ff;--orange:#ff5e00;--white:#ffffff;--border:rgba(255,255,255,0.1)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background-color:var(--bg-color);color:var(--text-main);font-family:'Inter',sans-serif;line-height:1.7;overflow-x:hidden}
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(0,243,255,0.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,94,0,0.05) 0%,transparent 40%);z-index:-1;pointer-events:none}
header{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;position:relative}
.logos{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:40px;flex-wrap:wrap}
.logos img{height:50px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,243,255,0.3))}
.logo-odin{height:90px!important;filter:drop-shadow(0 0 15px rgba(0,243,255,0.4))!important}
.logo-block{display:flex;flex-direction:column;align-items:center;gap:8px}
.logo-caption{font-family:'Space Grotesk',sans-serif;font-size:0.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-top:2px}
h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,6vw,4.5rem);font-weight:700;text-transform:uppercase;line-height:1.1;margin-bottom:1rem;background:linear-gradient(90deg,var(--white),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.subtitle{font-family:'Space Grotesk',sans-serif;color:var(--orange);font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:3rem;border-bottom:1px solid var(--border);padding-bottom:1rem}
.author-info{font-size:0.9rem;color:var(--text-muted);max-width:600px;border:1px solid var(--border);padding:2rem;border-radius:12px;background:var(--bg-card);backdrop-filter:blur(10px);margin-bottom:2rem}
.author-info strong{color:var(--cyan)}
.disclaimer{max-width:800px;font-size:0.85rem;color:var(--text-muted);text-align:justify}
.container{max-width:1000px;margin:0 auto;padding:4rem 2rem}
h3{font-family:'Space Grotesk',sans-serif;color:var(--cyan);font-size:1.5rem;margin-bottom:1rem;margin-top:1.5rem}
p{margin-bottom:1.5rem;color:#ccc;font-size:1.05rem}
details.accordion-item{background:var(--bg-card);backdrop-filter:blur(5px);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;overflow:hidden;transition:all 0.3s ease}
details.accordion-item[open]{border-color:var(--cyan);box-shadow:0 0 15px rgba(0,243,255,0.1)}
summary.accordion-header{padding:1.5rem 2rem;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-size:1.3rem;color:var(--white);display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0.3);list-style:none}
summary.accordion-header::-webkit-details-marker{display:none}
summary.accordion-header span.tag{color:var(--orange);margin-right:1rem}
.accordion-icon{font-size:1.5rem;color:var(--cyan);transition:transform 0.3s ease;margin-left:auto}
details.accordion-item[open] .accordion-icon{transform:rotate(45deg)}
.accordion-content{padding:0 2rem;border-top:1px solid var(--border);padding-top:2rem;padding-bottom:2rem;overflow:hidden}
.diagram{margin:3rem 0;padding:2rem;background:rgba(0,0,0,0.5);border:1px dashed var(--cyan);border-radius:8px;overflow:hidden}
.diagram-title{text-align:center;color:var(--orange);font-family:'Space Grotesk',sans-serif;font-size:1.1rem;text-transform:uppercase;margin-bottom:1.5rem;letter-spacing:1px}
.layers-container{display:flex;flex-direction:column;gap:5px}
.layer{padding:10px 20px;text-align:center;border-left:4px solid var(--cyan);background:linear-gradient(90deg,rgba(0,243,255,0.1),transparent);color:var(--white);font-size:0.9rem;font-weight:600}
.layer:nth-child(even){border-left-color:var(--orange);background:linear-gradient(90deg,rgba(255,94,0,0.1),transparent)}
.helix-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;align-items:center}
.helix-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:0.85rem;font-weight:700;border:2px solid;backdrop-filter:blur(5px)}
.h-triple{border-color:var(--cyan);color:var(--cyan);background:rgba(0,243,255,0.05)}
.h-quad{border-color:var(--orange);color:var(--orange);background:rgba(255,94,0,0.05)}
.h-quin{border-color:var(--white);color:var(--white);background:rgba(255,255,255,0.05)}
.chain-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px}
.chain-node{padding:8px 12px;border:1px solid var(--text-muted);border-radius:4px;font-size:0.8rem;color:var(--text-main)}
.chain-arrow{color:var(--orange)}
.matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}
.matrix-card{background:rgba(255,255,255,0.03);padding:15px;border-top:2px solid var(--cyan)}
.matrix-card h4{color:var(--orange);margin-bottom:5px;font-size:0.9rem}
.matrix-card p{font-size:0.8rem;color:var(--text-muted);margin:0}
ol{margin-left:20px;margin-bottom:1.5rem;color:#ccc}
ol li{margin-bottom:0.5rem;padding-left:10px}
.references p{font-size:0.9rem;text-indent:-2cm;padding-left:2cm;margin-bottom:1rem;word-break:break-all}
a{color:var(--cyan);text-decoration:none;transition:color 0.2s}
a:hover{color:var(--orange);text-decoration:underline}
footer{text-align:center;padding:4rem 2rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:0.8rem}
.finance-layer{padding:12px 20px;border-left:4px solid var(--cyan);background:linear-gradient(90deg,rgba(0,243,255,0.08),transparent);margin-bottom:4px}
.finance-layer:nth-child(even){border-left-color:var(--orange);background:linear-gradient(90deg,rgba(255,94,0,0.08),transparent)}
.finance-layer .fl-title{color:var(--white);font-weight:700;font-size:0.95rem;font-family:'Space Grotesk',sans-serif}
.finance-layer .fl-desc{color:var(--text-muted);font-size:0.8rem;margin-top:2px}
.section-sources{margin-top:2rem;padding:1.5rem;border-left:3px solid var(--cyan);background:rgba(0,243,255,0.03);font-size:0.85rem;color:var(--text-muted)}
.section-sources strong{color:var(--cyan)}
.section-sources p{font-size:0.85rem;margin-bottom:0.5rem}
.section-sources p:last-child{margin-bottom:0}
@media(max-width:768px){summary.accordion-header{font-size:1.1rem}.references p{text-indent:0;padding-left:0}.logo-odin{height:70px!important}}

/* Bloco de atualização editorial */
.editorial-update {
  max-width: 1000px;
  margin: 0 auto 3rem;
  padding: 1.5rem 2rem;
  border: 1px solid rgba(0, 243, 255, 0.35);
  border-left: 4px solid var(--cyan);
  border-radius: 8px;
  background: rgba(0, 243, 255, 0.04);
}

.editorial-update-title {
  margin-bottom: 0.8rem;
  color: var(--cyan);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.editorial-update p {
  margin: 0.35rem 0;
  color: var(--text-muted);
  font-size: 0.88rem;
}

.editorial-update strong {
  color: var(--white);
}

@media (max-width: 768px) {
  .editorial-update {
    margin: 0 1rem 2rem;
    padding: 1.25rem;
  }
}
/* Card de autoria e metadados */
.author-info {
  margin: 1.75rem 0 1.25rem;
}

.author-card {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(14rem, 0.75fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-top: 2px solid var(--accent, #8a6d3b);
  border-bottom: 1px solid rgba(127, 127, 127, 0.4);
}

.author-card__label,
.author-card__metadata span {
  display: block;
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-transform: uppercase;
  opacity: 0.72;
}

.author-card__name {
  margin: 0.45rem 0 0;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  line-height: 1.25;
}

.author-card__orcid {
  margin: 0.55rem 0 0;
  font-size: 0.9rem;
  opacity: 0.82;
}

.author-card__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.55rem;
  margin-top: 1rem;
  font-size: 0.9rem;
}

.author-card a {
  color: inherit;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

.author-card a:hover,
.author-card a:focus-visible {
  opacity: 0.7;
}

.author-card__metadata {
  display: grid;
  align-content: start;
  gap: 1rem;
  padding-left: clamp(0rem, 3vw, 2rem);
  border-left: 1px solid rgba(127, 127, 127, 0.4);
}

.author-card__metadata div {
  display: grid;
  gap: 0.25rem;
}

.author-card__metadata strong {
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 680px) {
  .author-card {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1.25rem 0;
  }

  .author-card__metadata {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    padding-top: 1.25rem;
    padding-left: 0;
    border-top: 1px solid rgba(127, 127, 127, 0.4);
    border-left: 0;
  }

  .author-card__metadata strong {
    font-size: 0.82rem;
  }
}

@media (max-width: 440px) {
  .author-card__metadata {
    grid-template-columns: 1fr;
  }
}