.settings-hub{color:#334155}.settings-hub-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.settings-hub-intro p{max-width:560px;line-height:1.9}.settings-profile-link{color:#2563eb;flex-shrink:0;align-items:center;gap:8px;min-height:44px;display:inline-flex}.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-card{--accent:#2563eb;--tint:#eff6ff;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;transition:transform .18s,border-color .18s;display:flex}.settings-card[data-colour=sky]{--accent:#0369a1;--tint:#f0f9ff}.settings-card[data-colour=pink]{--accent:#be185d;--tint:#fdf2f8}.settings-card[data-colour=amber]{--accent:#a16207;--tint:#fffbeb}.settings-card:hover{border-color:var(--accent);transform:translateY(-2px)}.settings-card:focus-visible,.settings-profile-link:focus-visible{outline-offset:4px;outline:3px solid #38bdf8}.settings-card-icon{background:var(--tint);color:var(--accent);border-radius:14px;margin-bottom:18px;padding:12px}.settings-card h3{color:var(--accent);font-size:19px;font-weight:700}.settings-card p{color:#64748b;margin:10px 0 22px;line-height:1.8}.settings-card-action{color:var(--accent);align-items:center;gap:10px;min-height:44px;margin-top:auto;font-weight:600;display:flex}.settings-preview-note{background:#f0f9ff;border-radius:12px;margin-bottom:20px;padding:12px 16px}.dark .settings-hub{color:#cbd5e1}.dark .settings-card{--accent:#93c5fd;--tint:#172554;background:#1e293b;border-color:#475569}.dark .settings-card[data-colour=sky]{--accent:#38bdf8;--tint:#082f49}.dark .settings-card[data-colour=pink]{--accent:#f472b6;--tint:#500724}.dark .settings-card[data-colour=amber]{--accent:#fbbf24;--tint:#422006}.dark .settings-card p{color:#cbd5e1}.dark .settings-preview-note{background:#082f49}.dark .settings-profile-link{color:#93c5fd}@media (width>=1024px){.settings-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.settings-card-grid{grid-template-columns:1fr}.settings-hub-intro{flex-direction:column;align-items:flex-start}.settings-card{padding:20px}}@media (prefers-reduced-motion:reduce){.settings-card{transition:none}.settings-card:hover{transform:none}}