:root {
    --bg-gradient-1: #0f172a;
    --bg-gradient-2: #1e293b;
    --accent: #06b6d4;
}
body, html {
    background-color: linear-gradient(135deg, var(--bg-gradient-1), var(--bg-gradient-2));
    background: linear-gradient(135deg, var(--bg-gradient-1), var(--bg-gradient-2));
}
body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    color: #eef2ff;
}
.hero {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1rem;
}
.card {
    background: rgba(255,255,255,0.04);
    border: none;
    backdrop-filter: blur(6px);
    box-shadow: 0 8px 30px rgba(1, 3, 15, 0.726);
}
.title {
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
}
.subtitle {
    color: #c7d2fe;
    opacity: 0.92;
}
.research-question {
    margin-top: 1rem;
    font-size: 1.5rem;
    color: var(--accent);
    text-align: center;
    font-weight: 600;
}
h3 {
    color: #c7d2fe;
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
    font-style: italic;
}
.accent {
    color: var(--accent);
}
p {
    color: #aab7ee;
    font-size: 13px;
    text-align: justify;
}
footer {
    bottom: 12px;
    left: 0;
    right: 0;
    text-align: center;
    color: rgba(255,255,255,0.6);
    font-size: 0.9rem;
}
hr {
    color: #c7d2fe;
}
a {
    color: var(--accent);
    text-decoration: none;
}


::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
}
::-webkit-scrollbar-thumb:hover {
  background: #06b6d4;
}