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);
}
.support-wrap { padding-top: 7rem; padding-bottom: 4rem; }
.support-head { max-width: 820px; margin: 0 auto 1.5rem; }
.support-head p { color: var(--text-secondary); line-height: 1.6; }
.faq-category { max-width: 820px; margin: 0 auto 2.5rem; }
.faq-category h2 { font-size: 1.4rem; color: var(--text-primary); margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--glass-border); }
.faq-grid { display: grid; gap: 0.85rem; }
.faq-item { background: #ffffff; border: 1px solid var(--glass-border); border-radius: var(--radius-md); padding: 1.25rem; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05); }
.faq-item h3 { font-size: 1.05rem; margin-bottom: 0.5rem; color: var(--text-primary); font-weight: 600; }
.faq-item p { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.6; margin: 0; }
.faq-item ul { margin: 0.65rem 0 0; padding-left: 1.25rem; color: var(--text-secondary); font-size: 0.95rem; line-height: 1.65; }
@media (max-width: 768px) {
.support-wrap { padding-top: 6rem; padding-bottom: 2.5rem; }
}
.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;
}
