/* Dark, rounded, mobile-first */
* { box-sizing: border-box; }
:root { --bg:#0f1115; --card:#151922; --muted:#98a2b3; --text:#e6e9ef; --accent:#22c55e; --border:#262b36; --shadow:0 12px 34px rgba(0,0,0,.38); --radius:18px; }
html,body{ margin:0; padding:0; background:var(--bg); color:var(--text); font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; line-height:1.5; }
.container{ max-width:1100px; margin:0 auto; padding:0 20px; }
.topbar{ position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(6px); background:rgba(10,12,17,.6); border-bottom:1px solid var(--border); }
.topbar__inner{ display:flex; align-items:center; justify-content:space-between; padding:10px 0; }
.logo{ font-weight:800; letter-spacing:.2px; }
.topbar__cta{ font-weight:700; background:#111827; color:#e5e7eb; border:1px solid var(--border); border-radius:14px; padding:10px 14px; text-decoration:none; }
.hero{ position:relative; min-height:68svh; display:grid; place-items:center; background:url('hero.jpg') center/cover no-repeat, linear-gradient(180deg,#0f1115,#0f1115); }
.hero .overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,17,21,.55), rgba(15,17,21,.9)); }
.hero__content{ position:relative; text-align:center; padding:40px 0; }
.title{ font-size:clamp(28px,5vw,48px); font-weight:800; margin:0 0 12px; letter-spacing:.2px; }
.subtitle{ font-size:clamp(16px,2.6vw,20px); color:var(--muted); margin:0 0 28px; }
.btn{ display:inline-block; padding:14px 22px; border-radius:var(--radius); font-weight:700; text-decoration:none; color:#0b0f14; background:var(--accent); box-shadow:var(--shadow); transition:transform .15s ease, box-shadow .2s ease, opacity .2s ease; }
.btn:hover{ transform:translateY(-1px); } .btn:active{ transform:translateY(0); opacity:.92; } .btn-lg{ padding:16px 24px; border-radius:calc(var(--radius) + 4px); }
.about{ padding:44px 0; }
.about__grid{ display:grid; grid-template-columns:1.4fr 1fr; gap:28px; } @media(max-width:880px){ .about__grid{ grid-template-columns:1fr; } }
.about__text{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow); }
.about__text h2{ margin:0 0 8px; font-size:24px; } .about__text p{ margin:0 0 12px; color:#d5d9e3; }
.bullets{ margin:8px 0 0 18px; color:#c9ceda; } .bullets li{ margin:6px 0; }
.about__cards{ display:grid; gap:16px; grid-template-columns:1fr; }
.card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow); }
.card__icon{ font-size:28px; margin-bottom:6px; } .card__title{ font-weight:700; margin-bottom:4px; } .card__text{ color:#c9ceda; font-size:14px; }
.coop{ padding:10px 0 40px; } .coop h2{ text-align:center; margin:0 0 10px; }
.coop__lead{ max-width:900px; margin:0 auto 18px; color:#d5d9e3; text-align:center; }
.coop__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; max-width:1000px; margin:18px auto; }
@media(max-width:980px){ .coop__grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:620px){ .coop__grid{ grid-template-columns:1fr; } }
.coop__item{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow); }
.coop__icon{ font-size:26px; margin-bottom:6px; } .coop__title{ font-weight:700; margin-bottom:6px; } .coop__text{ color:#c9ceda; font-size:14px; }
.coop__note{ max-width:900px; margin:14px auto 0; color:#cfe3d6; text-align:center; }
.form{ padding:12px 0 46px; } .form h2{ text-align:center; margin:0 0 6px; } .form__subtitle{ text-align:center; color:var(--muted); margin:0 0 22px; }
.form__grid{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); padding:18px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; max-width:900px; margin:0 auto; }
@media(max-width:760px){ .form__grid{ grid-template-columns:1fr; } }
.field{ display:grid; gap:6px; } .field label{ color:#cdd3df; font-size:14px; }
.field input,.field select,.field textarea{ width:100%; background:#0f1219; border:1px solid #2a3140; color:var(--text); border-radius:14px; padding:12px; font-size:15px; outline:none; }
.field textarea{ resize:vertical; } .field--full{ grid-column:1 / -1; } .captcha{ grid-column:1 / -1; }
.actions{ grid-column:1 / -1; display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:flex-start; }
.policy{ color:var(--muted); font-size:12px; margin:0; }
.hp{ display:none !important; }
.footer{ border-top:1px solid var(--border); padding:22px 0 20px; background:#0c0f14; }
.footer__grid{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.footer__legal{ margin-top:8px; color:#97a0af; font-size:13px; display:grid; gap:2px; }
.logo{ font-weight:800; }
.footer__contacts a{ color:var(--text); text-decoration:none; display:inline-block; margin-left:16px; }
.footer__contacts a:hover{ text-decoration:underline; }
.muted{ color:var(--muted); font-size:14px; margin-top:4px; }
.agents-link{ margin-left:16px; border:1px solid var(--border); padding:8px 12px; border-radius:12px; background:#111827; }
/* Modals */
.modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.55); z-index:9998; }
.modal.show{ display:flex; }
.modal__dialog{ width:100%; max-width:520px; background:var(--card); border:1px solid var(--border); border-radius:20px; box-shadow:var(--shadow); padding:20px; position:relative; }
.modal__dialog--policy{ max-width:760px; }
.modal__close{ position:absolute; right:10px; top:10px; background:transparent; border:none; color:#cbd5e1; font-size:22px; cursor:pointer; }
.modal__subtitle{ color:#cbd5e1; margin-top:4px; }
.modal__form{ margin-top:12px; display:grid; gap:12px; }
.policy__content{ color:#d5d9e3; max-height:70vh; overflow:auto; display:grid; gap:10px; }
/* Toast */
.toast{ position:fixed; z-index:9999; left:50%; bottom:24px; transform:translateX(-50%); background:#111827; color:#e5e7eb; padding:12px 16px; border-radius:14px; box-shadow:var(--shadow); max-width:90vw; text-align:center; border:1px solid #1f2937; display:none; }
.toast.show{ display:block; } .toast.success{ background:#052e18; border-color:#064e3b; color:#d1fae5; } .toast.error{ background:#2a1111; border-color:#7f1d1d; color:#fee2e2; }

.modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.7);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.modal.show {
  display: flex;
}

.modal__dialog {
  background: #111;
  color: #fff;
  padding: 24px;
  border-radius: 14px;
  max-width: 420px;
  width: 100%;
  box-shadow: 0 10px 40px rgba(0,0,0,.6);
}