:root{--bg:#050816;--text:#f8fafc;--muted:#94a3b8;--gold:#f7c948;--line:rgba(255,255,255,.09)}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top left,#172554 0,#050816 34%,#020617 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.metasol-site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid var(--line);background:rgba(5,8,22,.78);position:fixed;top:0;left:0;right:0;backdrop-filter:blur(18px);z-index:20}
.admin-bar .metasol-site-header{top:32px}
.metasol-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900}
.metasol-brand img{max-height:34px;width:auto}
.metasol-nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.metasol-nav a{text-decoration:none;color:#cbd5e1}
.metasol-nav a:hover{color:#fff}
.metasol-home-page{min-height:100vh}
.metasol-page{max-width:1320px;margin:0 auto;padding:106px 24px 42px}
.metasol-content{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:24px;padding:28px}
.metasol-fallback{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:90px 40px}
.metasol-fallback .kicker{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-weight:900}
.metasol-fallback h1{font-size:clamp(54px,9vw,116px);line-height:.88;margin:0 0 18px}
.metasol-fallback p{font-size:clamp(18px,2vw,26px);color:var(--muted);max-width:820px}
.metasol-site-footer{padding:24px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}