/* Individual panels: shared proportions and edges across the landing page. */
:root {
 --card-surface:linear-gradient(145deg,rgba(29,46,70,.96),rgba(13,25,44,.97));
 --card-border:rgba(139,178,218,.14);
 --card-shadow:0 18px 38px -24px rgba(0,5,16,.85);
}
.metrics {
 gap:16px;
 background:none;
 border:0;
 border-radius:0;
 padding:0;
 box-shadow:none;
}
.metrics>div,.metrics>div:first-child,.metrics>div+div {
 min-height:150px;
 padding:30px 18px 24px;
 border:1px solid var(--card-border);
 border-radius:16px;
 background:var(--card-surface);
 box-shadow:var(--card-shadow);
 overflow:hidden;
}
.metrics>div::before {
 content:'';
 position:absolute;
 top:0;
 left:23%;
 right:23%;
 height:2px;
 background:linear-gradient(90deg,transparent,#72b6f4,transparent);
 opacity:.8;
}
.metrics strong {font-size:46px;line-height:1.1;}
.metrics span {margin-top:13px;letter-spacing:.15em;}
.feature-grid {gap:16px;align-items:stretch;}
.feature-grid article {
 display:grid;
 grid-template-columns:38px 1fr;
 column-gap:16px;
 row-gap:9px;
 align-content:start;
 padding:25px 23px;
 border-radius:14px;
 border-color:var(--card-border);
 background:var(--card-surface);
 box-shadow:var(--card-shadow);
}
.feature-grid article::after {display:none;}
.feature-icon {
 display:grid;
 place-items:center;
 width:38px;
 height:38px;
 grid-row:1 / span 2;
 margin:0;
 font-size:14px;
 border:1px solid #6ca9df35;
 border-radius:10px;
 background:#5b9fdf13;
 color:#91c5f4;
}
.feature-grid h3 {margin:0;font-size:25px;line-height:1.2;}
.feature-grid p {grid-column:2;margin:0;font-size:14px;line-height:1.75;}
.recruit-steps {gap:16px;margin-top:35px;align-items:stretch;}
.recruit-steps article {
 min-height:218px;
 padding:26px 23px 24px;
 background:var(--card-surface);
 border:1px solid var(--card-border);
 border-radius:16px;
 box-shadow:var(--card-shadow);
 overflow:hidden;
}
.recruit-steps article::before {
 top:0;
 left:23px;
 right:23px;
 width:auto;
 height:1px;
 border-radius:0;
 background:linear-gradient(90deg,#69abe966,transparent);
 box-shadow:none;
}
.recruit-steps article>span {
 display:grid;
 place-items:center;
 width:34px;
 height:34px;
 margin-bottom:19px;
 border:1px solid #74aee747;
 border-radius:50%;
 background:#72b1e910;
 color:#9bc7f0;
 font-size:14px;
}
.recruit-steps h3 {font-size:25px;line-height:1.17;margin-bottom:10px;}
.recruit-steps p {font-size:14px;line-height:1.75;max-width:none;}
.schedule-panel,.news-card,.form-panel {
 border-radius:16px;
 border-color:var(--card-border);
 background:var(--card-surface);
 box-shadow:var(--card-shadow);
}
.squad-card {border-radius:16px;border-color:var(--card-border);box-shadow:var(--card-shadow);}
.photo-grid .photo,.gallery-grid .photo {border-radius:14px;border-color:var(--card-border);}
.manual-list {
 display:grid;
 align-content:start;
 gap:12px;
 background:none;
 padding:0;
 border:0;
 border-radius:0;
}
.manual-list>a,.manual-list>a:last-child {
 padding:23px 26px;
 min-height:106px;
 background:var(--card-surface);
 border:1px solid var(--card-border);
 border-radius:14px;
 box-shadow:var(--card-shadow);
}
.faq details,.faq details:first-child {
 padding:21px 24px;
 margin-bottom:12px;
 border:1px solid var(--card-border);
 border-radius:13px;
 background:linear-gradient(135deg,#1b2b425e,#111d30a6);
}
.faq details:last-child {margin-bottom:0;}
.manual-list>a:hover,.news-card:hover,.faq details[open] {border-color:#76b0e34a;}
@media(max-width:980px) {
 .metrics {gap:12px;}
 .metrics>div,.metrics>div:first-child,.metrics>div+div {padding:27px 14px 22px;min-height:143px;}
 .metrics strong {font-size:40px;}
 .feature-grid article {padding:23px 20px;column-gap:12px;grid-template-columns:34px 1fr;}
 .feature-icon {width:34px;height:34px;}
 .feature-grid h3 {font-size:24px;}
 .feature-grid p {font-size:13px;}
 .recruit-steps article {padding:24px 21px;}
}
@media(max-width:800px) {
 .metrics>div,.metrics>div:first-child,.metrics>div+div {padding:25px 10px 21px;min-height:133px;}
 .metrics strong {font-size:37px;}
 .metrics span {font-size:8px;letter-spacing:.08em;}
 .feature-grid {grid-template-columns:1fr;gap:12px;}
 .feature-grid article {padding:23px 26px;grid-template-columns:38px 1fr;column-gap:17px;}
 .feature-icon {width:38px;height:38px;}
 .feature-grid h3 {font-size:27px;}
 .feature-grid p {font-size:14px;}
 .recruit-steps {gap:16px;}
 .recruit-steps article {min-height:205px;}
}
@media(max-width:520px) {
 .metrics {gap:12px;}
 .metrics>div,.metrics>div:first-child,.metrics>div+div,.metrics>div:nth-child(3) {
  padding:25px 12px 21px;
  min-height:136px;
  border:1px solid var(--card-border);
  border-radius:14px;
 }
 .metrics strong {font-size:39px;}
 .metrics span {margin-top:11px;}
 .feature-grid article {padding:24px;}
 .recruit-steps {gap:12px;}
 .recruit-steps article {padding:23px 18px;min-height:231px;border-radius:14px;}
 .recruit-steps h3 {font-size:25px;}
 .recruit-steps p {font-size:13px;}
 .manual-list>a,.manual-list>a:last-child {padding:22px;}
 .faq details,.faq details:first-child {padding:20px;}
}