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);
}
.guide-wrap { padding-top: 7rem; padding-bottom: 4rem; }
.guide-head { max-width: 860px; margin: 0 auto 1.5rem; }
.guide-head p { color: var(--text-secondary); }
.steps { max-width: 860px; margin: 0 auto; display: grid; gap: 1rem; }
.step { display: grid; grid-template-columns: 42px 1fr; gap: 1rem; align-items: start; background: #ffffff; border: 1px solid var(--glass-border); border-radius: var(--radius-md); padding: 1rem; box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05); }
.step-num { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; background: rgba(123,63,228,0.12); color: #6d28d9; }
.step h3 { font-size: 1.03rem; margin-bottom: 0.35rem; }
.step p { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.6; }
@media (max-width: 768px) {
.guide-wrap { padding-top: 6rem; padding-bottom: 2.5rem; }
.step { grid-template-columns: 36px 1fr; padding: 0.9rem; }
.step-num { width: 36px; height: 36px; }
}
.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;
}