body.light {
--bg-dark: #ffffff;
--bg-dark-secondary: #f8fafc;
--glass-border: #dbe4ef;
--glass-bg: rgba(15, 23, 42, 0.04);
--text-primary: #0f172a;
--text-secondary: #475569;
--text-muted: #5b6779;
background: #f3f6fb;
color: var(--text-primary);
}
body.light::before {
display: none;
}
body.light .navbar {
background: rgba(255, 255, 255, 0.92);
border-bottom: 1px solid #e2e8f0;
backdrop-filter: blur(10px);
}
body.light .logo,
body.light h1,
body.light h2,
body.light h3 {
color: var(--text-primary);
}
.about-wrap {
padding-top: 7.5rem;
padding-bottom: 5rem;
}
.about-grid {
max-width: 1060px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.6fr 1fr;
gap: 2rem;
align-items: flex-start;
}
.about-card {
background: #ffffff;
border: 1px solid var(--glass-border);
border-radius: 16px;
padding: 2.5rem;
box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}
.about-card h1 {
font-size: 2.2rem;
font-weight: 800;
margin-bottom: 0.5rem;
line-height: 1.2;
}
.about-card h2 {
font-size: 1.3rem;
margin-bottom: 1rem;
font-weight: 700;
}
.about-card p,
.about-card li {
color: var(--text-secondary);
line-height: 1.8;
font-size: 1rem;
margin-bottom: 1rem;
}
.about-card p:last-child {
margin-bottom: 0;
}
.about-card ul {
margin: 0.5rem 0 1.5rem 1.25rem;
}
.about-muted {
color: var(--text-muted);
font-size: 1.05rem;
margin-bottom: 1.5rem;
}
.about-pill {
display: inline-block;
padding: 0.35rem 0.85rem;
border-radius: 999px;
border: 1px solid var(--glass-border);
background: #f8fafc;
color: var(--accent-text);
font-size: 0.85rem;
font-weight: 700;
margin-bottom: 1.5rem;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.about-stat {
border: 1px solid var(--glass-border);
border-radius: 12px;
background: #f8fafc;
padding: 1.25rem;
margin-top: 1rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.about-stat:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
border-color: #cbd5e1;
}
.about-stat strong {
display: block;
font-size: 1.4rem;
font-weight: 800;
margin-bottom: 0.25rem;
color: var(--text-primary);
}
.about-stat span {
color: var(--text-secondary);
font-size: 0.95rem;
}
.about-help-links {
display: flex;
flex-direction: column;
gap: 0.75rem;
margin-top: 1rem;
}
.about-help-links a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.85rem 1.25rem;
background: #f8fafc;
border: 1px solid var(--glass-border);
border-radius: 8px;
color: var(--text-primary);
font-weight: 600;
text-decoration: none;
transition: all 0.2s ease;
}
.about-help-links a:hover {
background: #ffffff;
border-color: #6366f1;
color: var(--accent-text);
box-shadow: 0 4px 12px rgba(99, 102, 241, 0.1);
}
@media (max-width: 768px) {
.about-wrap {
padding-top: 6rem;
padding-bottom: 3rem;
}
.about-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.about-card {
padding: 1.75rem;
}
.about-card h1 {
font-size: 1.8rem;
}
}
.section.section-flush-top {
padding-top: 0;
}
.about-card h2.about-h2-spaced {
margin-top: 1.2rem;
}
.about-card h2.about-h2-spaced-lg {
margin-top: 2rem;
}
.contact-card h2.contact-h2-spaced {
margin-top: 1.2rem;
}
.device-list.device-list-mb1 {
margin-bottom: 1rem;
}
.device-list.device-list-mb2 {
margin-bottom: 2rem;
}
.device-card p.device-note {
margin-bottom: 0.5rem;
font-size: 0.9rem;
}
.device-card.device-card-spaced {
margin-top: 1.5rem;
}
.partner-head p.partner-intro {
color: var(--text-secondary);
line-height: 1.6;
}
.partner-card p.partner-blurb {
margin-top: 0.9rem;
}
.partner-submit-row {
margin-top: 0.9rem;
}
.field.field-honeypot,
.captcha-wrap[hidden] {
display: none;
}
#submit-application-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.error-wrap {
min-height: 60vh;
display: grid;
place-items: center;
padding: 8rem 1rem 4rem;
text-align: center;
}
.error-wrap h1 {
font-size: 3rem;
margin-bottom: 0.5rem;
}
.error-wrap h1.error-title-long {
font-size: 1.75rem;
}
.error-wrap p {
color: #475569;
margin-bottom: 1.5rem;
}
.error-ref {
font-size: 0.8rem;
color: var(--text-muted);
margin-top: 1.5rem;
}