/* Shared appearance for account, beta, catalog and project pages. */
:root{--text:#151c2d;--muted:#606879;--soft:#e5e8ee;--accent:#d62335}
body{background:#fff;color:var(--text);line-height:1.65}
.wrap{max-width:1280px;padding:0 48px 72px}
.top{margin:0 -48px;padding:22px 48px;background:#101114;border:0;color:#fff;flex-wrap:wrap;gap:18px}
.top .brand,.top nav a,.top nav a.who{color:#fff}.brand b{color:#ff5667}.brand svg{display:none}
.top nav{gap:18px;flex-wrap:wrap}.top nav a{font-size:13px;letter-spacing:0;text-transform:none}.top nav a.on{border-color:#ff5667}.top nav a:hover{color:#ff8591}
main{max-width:1184px;padding:0 32px 64px;margin:auto}
main>nav:first-child{background:#101114;color:#fff;margin:0 -32px 36px;padding:22px 32px;gap:18px;font-size:14px}
main>nav:first-child a{color:#fff;text-decoration:none}
main>section,main .card{border:1px solid var(--soft);border-radius:14px;background:#f8f9fb;padding:26px;margin-top:26px}
h1{line-height:1.18;letter-spacing:-.025em}h2,h3{line-height:1.3}p{line-height:1.7}
a{color:#a91b2b}.muted,.hint{color:var(--muted)}
button,.btn,.button{border-radius:28px;min-height:44px;font:inherit;letter-spacing:0;text-transform:none}
.btn.solid,main button,main .button{background:var(--accent);border-color:var(--accent);color:#fff}
main button:disabled{opacity:.5;cursor:default}
input,select,textarea{min-height:44px;font:inherit;max-width:100%}
input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--accent)}
textarea{line-height:1.6}label{line-height:1.55}
:focus-visible{outline:3px solid #c9293e;outline-offset:3px}
@media(max-width:900px){.wrap{padding:0 24px 60px}.top{margin:0 -24px;padding:20px 24px}}
@media(max-width:540px){.wrap{padding:0 18px 60px}.top{margin:0 -18px;padding:18px}.top nav{gap:12px 18px}main{padding:0 18px 48px}main>nav:first-child{margin:0 -18px 28px;padding:18px}main>section,main .card{padding:20px}h1{font-size:29px}}