body { background: #f7f5ee !important; color: #16251f !important; font-family: "Manrope", system-ui, sans-serif !important; }
.page-container { max-width: 880px !important; margin: 0 auto !important; padding: 32px 24px 72px !important; }
.page-header { position: sticky; top: 0; z-index: 2; margin: -32px -24px 48px !important; padding: 18px 24px; background: rgba(247,245,238,.92); border-bottom: 1px solid #dce8e2; backdrop-filter: blur(14px); }
.brand-title { color: #0b3d2e !important; letter-spacing: .08em !important; }
.btn-back { min-height: 44px; display: inline-flex; align-items: center; background: #fff !important; color: #0b3d2e !important; border: 1px solid #dce8e2; }
h1 { max-width: 720px; color: #0b3d2e !important; font-size: clamp(2rem,6vw,3.7rem) !important; line-height: 1.05 !important; letter-spacing: -.04em; }
h2 { color: #0b3d2e !important; }
p, ul { color: #44564e !important; }
.card, .step-card, .guide-section { background: #fff !important; border: 1px solid #dce8e2 !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(11,61,46,.07); }
a:focus-visible { outline: 3px solid #d9f24f; outline-offset: 3px; }
@media (max-width: 560px) { .page-header { align-items: flex-start !important; gap: 16px; } }