:root { --navy:#0b2d4e; --navy-deep:#071e34; --blue:#1d5786; --gold:#d3a934; --paper:#fbfaf6; --soft:#f2f5f4; --ink:#182737; --muted:#5e6c78; --line:#d8dfe1; --white:#fff; --shadow:0 16px 40px rgba(12,42,70,.11); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, "Arial", sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.container { width:min(1160px, calc(100% - 48px)); margin:auto; }
.skip-link { position:fixed; top:-60px; left:16px; z-index:100; background:#fff; color:var(--navy); padding:10px 14px; border-radius:0 0 8px 8px; }
.skip-link:focus { top:0; }
.header { position:sticky; top:0; z-index:20; background:rgba(251,250,246,.96); border-bottom:1px solid rgba(11,45,78,.08); backdrop-filter:blur(12px); }
.header__row { min-height:88px; display:flex; align-items:center; gap:20px; }
.brand { min-width:270px; display:flex; align-items:center; gap:10px; color:var(--navy); }
.brand__logo { width:54px; height:54px; object-fit:contain; }
.brand__copy { display:grid; gap:1px; font-size:10px; letter-spacing:.08em; line-height:1.25; }
.brand__copy strong { font-size:11px; font-weight:800; }
.nav { display:flex; gap:19px; flex:1; align-items:center; justify-content:center; font-size:13px; font-weight:600; color:#385069; }
.nav a:hover,.nav a:focus-visible { color:var(--gold); }
.language { display:flex; align-items:center; gap:7px; white-space:nowrap; color:#627384; font-size:12px; }
.language__link { padding:5px; color:#627384; }
.language__link:hover { color:var(--navy); }
.language__current { padding:5px; color:var(--navy); border-bottom:2px solid var(--gold); font-weight:800; }
.menu-button { display:none; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border:1px solid transparent; border-radius:2px; padding:13px 20px; background:var(--gold); color:#152735; font-size:14px; font-weight:800; cursor:pointer; transition:.2s transform,.2s background; }
.button:hover { transform:translateY(-2px); background:#e2bb4c; }
.button--small { padding:10px 13px; font-size:12px; white-space:nowrap; }
.button--gold { background:var(--gold); }
.button--navy { color:#fff; background:var(--navy); }
.button--navy:hover { background:var(--blue); }
.hero { position:relative; overflow:hidden; min-height:585px; color:#fff; background:linear-gradient(90deg, rgba(5,25,43,.92) 0%, rgba(7,35,57,.76) 44%, rgba(8,42,67,.12) 100%), radial-gradient(circle at 74% 34%, rgba(20,83,126,.20) 0, transparent 42%), url("assets/hero-livestock.png") center / cover no-repeat; }
.hero:after { content:""; position:absolute; right:-95px; bottom:-135px; width:480px; height:480px; border:1px solid rgba(211,169,52,.25); border-radius:50%; box-shadow:0 0 0 45px rgba(211,169,52,.06), 0 0 0 110px rgba(211,169,52,.04); }
.hero__grid { position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(90deg,#000,transparent 84%); }
.hero__content { position:relative; z-index:1; padding:104px 0 88px; }
.eyebrow { margin:0 0 13px; color:#9b7620; text-transform:uppercase; letter-spacing:.14em; font-size:11px; font-weight:800; }
.eyebrow--light { color:#f1c75a; }
h1,h2,h3,p { margin-top:0; }
h1 { width:min(710px,100%); margin-bottom:24px; font-size:clamp(38px,4.65vw,62px); line-height:1.06; letter-spacing:-.045em; }
h2 { margin-bottom:18px; font-size:clamp(31px,3.6vw,48px); line-height:1.08; letter-spacing:-.035em; color:var(--navy); }
h3 { margin-bottom:8px; font-size:18px; line-height:1.22; color:var(--navy); }
.hero h1 { color:#fff; }
.hero__lead { width:min(640px,100%); margin-bottom:31px; color:#d9e4ec; font-size:19px; }
.hero__actions { display:flex; align-items:center; gap:23px; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--navy); border-bottom:1px solid #b6c5cf; padding-bottom:3px; font-size:14px; font-weight:800; }
.text-link:hover { color:#a47a0f; }
.text-link--light { color:#fff; border-color:rgba(255,255,255,.4); }
.hero__note { display:flex; gap:9px; align-items:center; margin-top:75px; color:#d2e2eb; font-size:13px; }
.hero__note-mark { display:grid; place-items:center; width:19px; height:19px; color:#1c3547; background:var(--gold); border-radius:50%; font-size:12px; font-weight:900; }
.section { padding:105px 0; }
.section--soft { background:var(--soft); }
.split { display:grid; grid-template-columns:1fr 1fr; gap:96px; }
.split--wide { grid-template-columns:.92fr 1.08fr; }
.intro__text { max-width:515px; color:var(--muted); font-size:17px; }
.intro__text .text-link { margin-top:9px; }
.section-heading { display:flex; justify-content:space-between; gap:60px; align-items:end; margin-bottom:39px; }
.section-heading h2 { margin:0; }
.section-heading > p { max-width:355px; margin:0; color:var(--muted); font-size:15px; }
.card-grid { display:grid; gap:18px; }
.card-grid--four { grid-template-columns:repeat(4,1fr); }
.info-card { min-height:245px; padding:30px 26px 24px; background:#fff; border:1px solid #e2e8e8; border-top:3px solid transparent; box-shadow:0 8px 18px rgba(20,46,63,.03); transition:.2s transform,.2s border; }
.info-card:hover { transform:translateY(-5px); border-top-color:var(--gold); }
.card-number { display:block; margin-bottom:39px; color:#be9322; font-size:12px; font-weight:900; letter-spacing:.12em; }
.info-card p { color:var(--muted); font-size:14px; }
.membership { background:linear-gradient(115deg,#0a2c4b,#0e3e66); color:#edf5f7; }
.membership h2 { color:#fff; }
.membership-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:74px; align-items:center; }
.membership__panel { padding:18px 0; }
.membership__details { display:grid; gap:17px; }
.membership__photo { height:258px; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.22); }
.membership__photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 56%; filter:saturate(.88) contrast(.98); }
.membership__panel > p:not(.eyebrow) { max-width:420px; color:#d2e0e8; font-size:17px; }
.membership .button { margin-top:12px; }
.steps { display:grid; gap:0; list-style:none; margin:0; padding:0; }
.steps li { display:flex; gap:20px; padding:25px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.steps li:first-child { padding-top:0; }
.steps li:last-child { border-bottom:0; }
.steps span { flex:0 0 36px; height:36px; display:grid; place-items:center; border-radius:50%; background:rgba(211,169,52,.18); color:#f2cb66; font-weight:900; }
.steps h3 { color:#fff; margin:2px 0 5px; }
.steps p { margin:0; color:#d1e0e9; font-size:15px; }
.appeal-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:74px; align-items:start; }
.appeal-intro { padding-top:18px; }
.appeal-intro > p:not(.eyebrow) { color:var(--muted); font-size:17px; }
.contact-mini { margin-top:36px; padding-left:16px; border-left:3px solid var(--gold); display:grid; gap:2px; }
.contact-mini span { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.contact-mini a { color:var(--navy); font-weight:800; }
.appeal-form { padding:34px; background:#fff; border:1px solid #e1e8e9; box-shadow:var(--shadow); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
label { display:grid; gap:7px; color:#344e64; font-size:13px; font-weight:800; }
input,textarea { width:100%; border:1px solid #cbd7dc; border-radius:2px; background:#fff; color:var(--ink); padding:11px 12px; outline-offset:2px; font-weight:400; }
input:focus,textarea:focus { border-color:#2b6c99; outline:2px solid rgba(43,108,153,.17); }
.form-grid__full { grid-column:1/-1; }
.file-field input { padding:9px; }
.file-field span { color:#8493a0; font-weight:400; font-size:12px; }
.consent { grid-template-columns:18px 1fr; align-items:start; margin:22px 0; color:#647585; font-size:12px; font-weight:400; }
.consent input { width:16px; height:16px; margin-top:1px; }
.form-status { min-height:25px; margin:16px 0 0; color:var(--blue); font-size:13px; font-weight:700; }
.document-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.document-card { display:flex; align-items:center; gap:16px; min-height:139px; padding:22px; background:#fff; border:1px solid #dbe4e5; }
.document-card__type { flex:0 0 43px; display:grid; place-items:center; height:43px; background:#e9f0ef; color:#426072; font-size:10px; font-weight:900; }
.document-card h3 { margin:0 0 3px; font-size:15px; }
.document-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.4; }
.document-card .status,.document-card .text-link { margin-left:auto; white-space:nowrap; }
.status { color:#9c741a; font-size:11px; font-weight:900; }
.information { border-bottom:1px solid var(--line); }
.information__content { color:var(--muted); font-size:17px; }
.empty-state { margin-top:25px; padding:18px 20px; background:#fff; border-left:3px solid var(--gold); color:#465e70; font-size:14px; }
.contacts { padding:85px 0; color:#d5e2e9; background:var(--navy-deep); }
.contacts h2 { color:#fff; }
.contacts__grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:95px; }
.contact-list { display:grid; grid-template-columns:1fr 1fr; gap:28px 40px; margin:8px 0 0; }
.contact-list dt { margin-bottom:5px; color:#e9bd49; font-size:11px; text-transform:uppercase; letter-spacing:.1em; font-weight:900; }
.contact-list dd { margin:0; font-size:15px; }
.contact-list a:hover { color:#f1c95c; }
.footer { color:#aab8c3; background:#061725; font-size:12px; }
.footer__row { min-height:64px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.footer a { color:#e1bd57; }
.toast { position:fixed; z-index:30; right:20px; bottom:20px; max-width:330px; padding:14px 17px; transform:translateY(130%); border-left:3px solid var(--gold); color:#fff; background:var(--navy); box-shadow:var(--shadow); font-size:13px; transition:transform .25s; }
.toast.is-visible { transform:translateY(0); }
@media (max-width:1070px) { .header__row { flex-wrap:wrap; padding:12px 0; } .nav { order:5; flex-basis:100%; justify-content:flex-start; } .brand { flex:1; } .card-grid--four { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .container { width:min(100% - 32px, 1160px); } .header__row { min-height:72px; gap:11px; } .brand { min-width:0; } .brand__logo { width:45px;height:45px; } .brand__copy { font-size:8px; } .brand__copy strong { font-size:9px; } .language { margin-left:auto; } .header .button--small { display:none; } .menu-button { display:block; border:0; background:none; color:var(--navy); font-size:13px; font-weight:800; padding:7px 2px; cursor:pointer; } .nav { display:none; width:100%; padding:8px 0 4px; border-top:1px solid var(--line); flex-direction:column; align-items:flex-start; gap:11px; } .nav.is-open { display:flex; } .hero { min-height:auto; background-position:60% center; } .hero__content { padding:83px 0 55px; } h1 { font-size:41px; } .hero__lead { font-size:17px; } .hero__actions { flex-wrap:wrap; gap:18px; } .hero__note { margin-top:50px; } .section { padding:67px 0; } .split,.split--wide,.membership-layout,.appeal-layout,.contacts__grid { grid-template-columns:1fr; gap:35px; } .membership__panel { padding:0; } .membership__photo { height:180px; } .section-heading { display:block; margin-bottom:29px; } .section-heading > p { margin-top:13px; } .card-grid--four,.document-grid { grid-template-columns:1fr; } .info-card { min-height:auto; } .card-number { margin-bottom:27px; } .appeal-form { padding:22px 17px; } .form-grid { grid-template-columns:1fr; } .form-grid__full { grid-column:auto; } .contact-list { grid-template-columns:1fr; gap:20px; } .footer__row { flex-direction:column; justify-content:center; text-align:center; padding:14px 0; } }