:root { --paper:#f5f6f8; --surface:#fff; --ink:#111d30; --muted:#647188; --line:#d7deea; --accent:#b8f44d; --accent-ink:#101a28; --focus:#658a16; --font-body:Arial,sans-serif; --action-radius:8px; }
:root[data-theme="dark"] { --paper:#101827; --surface:#172235; --ink:#f4f6fb; --muted:#a9b4c7; --line:#334158; --accent:#b8f44d; --accent-ink:#101a28; --focus:#b8f44d; }
.hero { position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:610px; overflow:hidden; background:#121f35; color:#f5f6f8; }
.hero-content { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(48px,8vw,100px) clamp(24px,7vw,100px); }
.hero .eyebrow { color:#bec9da; }
.pulse-dot { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px #b8f44d25; }
.hero h1 { max-width:590px; margin:22px 0; font-size:clamp(48px,7vw,88px); line-height:.93; letter-spacing:-.075em; }
.hero h1 span { color:var(--accent); }
.hero-content > p:not(.eyebrow):not(.hero-note) { max-width:420px; color:#c4cede; font-size:15px; }
.hero .action { margin-top:18px; }
.hero-note { max-width:330px; margin-top:22px; color:#9aa8bd; font-size:10px; }
.hero-photo { min-height:420px; margin:30px 30px 30px 0; border-radius:10px; }
.hero-photo::after { position:absolute; inset:0; content:""; background:linear-gradient(180deg,transparent 57%,#101827b8); pointer-events:none; }
.hero-photo img { object-position:52% center; }
.hero-photo figcaption { position:absolute; z-index:1; right:16px; bottom:14px; color:#fff; font-size:9px; letter-spacing:.1em; }
.hero-stamp { position:absolute; right:clamp(12px,4vw,54px); top:50px; z-index:1; padding:11px 14px; border:1px solid #ffffff66; color:#fff; font-size:9px; font-weight:700; letter-spacing:.14em; text-align:center; transform:rotate(4deg); }
.section-shell { padding:clamp(60px,8vw,105px) clamp(22px,7vw,100px); }
.training { display:grid; grid-template-columns:.85fr 1.15fr; gap:20px 48px; }
.training-title h2,.local-strip h2,.contact-band h2 { margin:10px 0; font-size:clamp(34px,5vw,58px); line-height:1; letter-spacing:-.06em; }
.training-title > p:last-child,.local-strip > p,.contact-band > p { max-width:430px; color:var(--muted); font-size:13px; }
.training-controls { align-self:center; }
.training-controls .search-panel { max-width:430px; margin-left:auto; }
.training-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:24px; }
.training-item { position:relative; display:flex; min-height:192px; flex-direction:column; justify-content:space-between; padding:20px; border:1px solid var(--line); background:var(--surface); transition:transform .23s ease,border-color .23s ease,background .23s ease; }
.training-item:hover { transform:translateY(-4px); border-color:#91bd28; background:color-mix(in srgb,var(--accent) 17%,var(--surface)); }
.training-item span { color:var(--muted); font-size:9px; letter-spacing:.12em; }
.training-item h3 { margin:28px 0 0; font-size:clamp(20px,2.5vw,28px); letter-spacing:-.04em; }
.training-item b { position:absolute; right:20px; bottom:19px; color:#648d1d; }
.training-main { background:#e9f3dc; color:#17230f; }
:root[data-theme="dark"] .training-main { background:#27331f; color:#f5f6f8; }
.local-strip { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:26px; padding:42px clamp(22px,7vw,100px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.local-strip h2 { font-size:clamp(28px,4vw,44px); }
.contact-band { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:48px clamp(22px,7vw,100px); background:#121f35; color:#f5f6f8; }
.contact-band .eyebrow { color:var(--accent); }
.contact-band h2 { max-width:490px; }
.contact-band > p { max-width:300px; color:#c4cede; }
@media(max-width:950px){.hero-content{padding-inline:32px}.training{grid-template-columns:1fr 1fr}.training-grid{grid-template-columns:repeat(2,1fr)}.local-strip{grid-template-columns:1fr 1fr}.local-strip .action{grid-column:2}}
@media(max-width:650px){.hero{grid-template-columns:1fr}.hero-content{padding:48px 22px 25px}.hero h1{font-size:clamp(48px,14vw,72px)}.hero-photo{height:72vw;min-height:240px;margin:0 14px 15px}.hero-stamp{top:24px;right:24px}.training{grid-template-columns:1fr}.training-controls .search-panel{margin:0}.training-grid{grid-template-columns:1fr 1fr}.training-item{min-height:150px;padding:14px}.training-item b{right:14px;bottom:14px}.local-strip{grid-template-columns:1fr}.local-strip .action{grid-column:auto;justify-self:start}.contact-band{align-items:flex-start;flex-direction:column}}
