:root{color-scheme:dark;--bg:#111013;--panel:#1a181d;--panel-2:#211e24;--line:#353038;--text:#f4f1f5;--muted:#aaa2ae;--gold:#ffc857;--violet:#8d67d5;--danger:#ed4245}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#141216}
.brand{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.035em}
.header-actions{display:flex;align-items:center;gap:8px}
.header-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-weight:600;white-space:nowrap}
.header-action:hover{color:var(--text);background:var(--panel)}
.header-action.primary{background:var(--gold);color:#211707}
.header-action.primary:hover{filter:brightness(1.05)}
main{width:min(1180px,calc(100% - 40px));margin:48px auto}
main.narrow{width:min(720px,calc(100% - 40px))}
h1{font-size:32px;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}
h2{font-size:18px;margin:0 0 16px}
p{color:var(--muted);margin:0 0 22px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:0;border-radius:9px;background:var(--gold);color:#211707;font-weight:700;cursor:pointer}
.button:hover{filter:brightness(1.05)}
.button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}
.landing{width:min(980px,calc(100% - clamp(24px,5vw,48px)));margin:clamp(16px,3vw,30px) auto clamp(54px,8vw,84px)}
.bot-profile{--avatar-size:clamp(92px,14vw,136px);--profile-pad:clamp(20px,4vw,40px);overflow:hidden;border:1px solid var(--line);border-radius:clamp(12px,2vw,18px);background:var(--panel)}
.profile-cover{aspect-ratio:5/2;background:var(--panel-2)}
.profile-cover img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.78)}
.profile-body{position:relative;padding:calc(var(--avatar-size)*.58) var(--profile-pad) clamp(24px,4vw,34px)}
.profile-avatar{position:absolute;top:calc(var(--avatar-size)*-.5);left:var(--profile-pad);width:var(--avatar-size);height:var(--avatar-size);border:clamp(5px,.7vw,7px) solid var(--panel);border-radius:50%;background:var(--panel-2);object-fit:cover}
.profile-body h1{font-size:clamp(28px,4vw,38px);margin-bottom:3px}
.profile-kind{color:var(--muted);font-size:clamp(14px,2vw,16px);margin:0}
.landing-section{padding:clamp(34px,6vw,52px) clamp(2px,.5vw,5px) 0}
.landing-section h2{font-size:clamp(24px,3.5vw,30px);letter-spacing:-.03em;margin-bottom:14px}
.landing-section>p{max-width:760px;font-size:clamp(16px,2vw,17px);line-height:1.65}
.feature-list{max-width:760px;margin:0;padding-left:1.25em;color:var(--muted);font-size:clamp(16px,2vw,17px);line-height:1.65}
.feature-list li{padding-left:.35em;margin:.45em 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-top:24px}
.card{display:block;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:border-color .15s,transform .15s}
.card:hover{border-color:#5a515f;transform:translateY(-1px)}
.card strong{display:block;font-size:17px;margin-bottom:5px}
.card span{color:var(--muted)}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px}
.sidebar{border-right:1px solid var(--line);padding-right:22px}
.sidebar a{display:block;padding:9px 11px;border-radius:8px;color:var(--muted)}
.sidebar a.active{background:var(--panel-2);color:var(--text)}
.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:24px}
.field{display:grid;grid-template-columns:minmax(160px,1fr) minmax(220px,1.5fr);gap:22px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.field:last-of-type{border-bottom:0}
label{font-weight:650}
label small{display:block;font-weight:400;color:var(--muted);margin-top:3px}
select{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;background:#121014;color:var(--text);padding:0 11px}
.actions{display:flex;align-items:center;gap:14px;margin-top:22px}
.status{color:var(--muted)}
.status.error{color:#ff898b}
@media(max-width:520px){header{height:58px;padding:0 14px}.brand{font-size:21px}.header-actions{gap:5px}.header-action{min-height:34px;padding:0 10px;font-size:14px}}
@media(max-width:760px){main{margin-top:30px}.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px}.field{grid-template-columns:1fr;gap:8px}}