:root{--mtk-surface-border-light:rgba(226,232,240,0.85);--mtk-surface-border-dark:rgba(255,255,255,0.1);--mtk-surface-bg-light:rgba(255,255,255,0.92);--mtk-surface-bg-dark:rgba(15,23,42,0.75);--mtk-surface-shadow-light:0 10px 32px rgba(15,23,42,0.06);--mtk-surface-shadow-dark:0 12px 36px rgba(2,6,23,0.45)}.mtk-page-main{margin:0 auto;display:flex;width:100%;max-width:80rem;flex-direction:column;gap:1.25rem;padding:1.25rem 1rem 3rem}@media (min-width:640px){.mtk-page-main{gap:1.5rem;padding:2rem 1.5rem 4rem}}@media (min-width:1024px){.mtk-page-main{padding-left:2rem;padding-right:2rem}}.mtk-surface-card{border:1px solid var(--mtk-surface-border-light);border-radius:1rem;background:var(--mtk-surface-bg-light);box-shadow:var(--mtk-surface-shadow-light)}.dark .mtk-surface-card,body.dark .mtk-surface-card{border-color:var(--mtk-surface-border-dark);background:var(--mtk-surface-bg-dark);box-shadow:var(--mtk-surface-shadow-dark)}