.page-clans .clan-main{max-width:1240px;padding-top:42px}
.clan-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:40px;align-items:end;padding:clamp(30px,5vw,65px);border:1px solid #31516a;border-radius:18px;background:linear-gradient(135deg,#112f47,#0c2134 64%,#17344a);box-shadow:0 20px 55px #0003}
.clan-hero h1{margin:18px 0 22px;font-size:clamp(48px,7vw,86px);line-height:.99;text-transform:none}
.clan-lead{max-width:660px;margin:0;color:#c9d9e6!important;font-size:clamp(17px,2vw,20px)}
.clan-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.clan-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid #547089;border-radius:8px;background:#173a55;color:#eff8ff;font-weight:750;text-decoration:none}
.clan-button:hover{background:#285b7c}.clan-button.primary{border-color:#64b8f0;background:#50aef3;color:#092238}
.clan-hero-note{padding:23px;border:1px solid #46718b;border-radius:12px;background:#0a1c2ec9}
.clan-hero-note span,.clan-aside>strong{display:block;margin-bottom:15px;color:#8acaff;font-size:11px;font-weight:850;letter-spacing:.13em}
.clan-hero-note strong{display:block;overflow-wrap:anywhere;color:#f5f9ff;font-size:20px}
.clan-hero-note p{margin-bottom:0}
.clan-section{padding:70px 0;border-bottom:1px solid #29455e;scroll-margin-top:100px}
.clan-section:last-child{border-bottom:0}
.clan-section h2{max-width:820px;margin:12px 0 26px;font-size:clamp(32px,4.5vw,54px);line-height:1.08;text-transform:none}
.clan-section p{max-width:750px;font-size:16px;line-height:1.7}
.clan-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.clan-steps article,.clan-aside{min-width:0;padding:25px;border:1px solid #31516a;border-radius:12px;background:#10263a}
.clan-steps article>span{color:#75c5f8;font:800 12px ui-monospace,Consolas,monospace}
.clan-steps h3{margin:20px 0 13px;font-size:23px}
.clan-section code{overflow-wrap:anywhere;color:#9bd5ff;font:700 .9em ui-monospace,SFMono-Regular,Consolas,monospace}
.clan-steps article>code,.clan-code-list code{display:block;padding:12px;border:1px solid #36556d;border-radius:7px;background:#091c2c}
.clan-steps article p{margin-bottom:0;font-size:14px}
.clan-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.85fr);gap:50px;align-items:start}
.clan-aside{margin-top:20px}.clan-aside ul{margin:0;padding-left:20px;color:#cad9e5;line-height:1.7}.clan-aside li+li{margin-top:10px}
.clan-small{font-size:13px!important;color:#9ab0c1!important}
.clan-table-wrap{overflow-x:auto;border:1px solid #31516a;border-radius:12px}
.clan-section table{width:100%;border-collapse:collapse;background:#10263a}
.clan-section th,.clan-section td{padding:18px 20px;border-bottom:1px solid #29455e;text-align:left;vertical-align:top}
.clan-section tr:last-child td{border-bottom:0}.clan-section th{color:#9bd5ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.clan-section td:first-child{width:43%}
.clan-code-list{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.clan-commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.clan-commands>div{display:flex;flex-direction:column;gap:7px;min-width:0;padding:17px;border:1px solid #31516a;border-radius:9px;background:#10263a}.clan-commands span{color:#b9cbd9;font-size:14px}
@media(max-width:900px){.clan-hero,.clan-split{grid-template-columns:1fr}.clan-hero{gap:26px}.clan-aside{margin-top:0}}
@media(max-width:700px){.page-clans .clan-main{padding-top:20px}.clan-hero{padding:25px}.clan-steps,.clan-commands{grid-template-columns:1fr}.clan-section{padding:48px 0}.clan-section th,.clan-section td{padding:14px 12px}.clan-section td:first-child{width:48%}}