/*
  Общие стили сайта rabota-web-model.com.ua.
  Вынесены из инлайновых <style> блоков, которые были продублированы
  на 7 страницах (index, anketa, kontakty, o-studii, otzyvy, rabota-doma,
  usloviya-raboty) — см. SEO-AEO-PLAN.md, пункт 7.
  Страница-специфичные стили остаются в инлайновом <style> каждой страницы.
*/
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold:#C9A84C;
  --gold-light:#E8C96A;
  --gold-dim:rgba(201,168,76,0.12);
  --gold-border:rgba(201,168,76,0.25);
  --bg:#0D0D0D;
  --surface:#141414;
  --surface2:#1C1C1C;
  --text:#F5F5F0;
  --muted:#A0A090;
  --dim:#555;
}
html{scroll-behavior:smooth}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,13,13,0.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--gold-border)}
.hdr{max-width:1140px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:20px;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-0.5px}
.logo em{color:var(--gold);font-style:normal}
nav a{color:var(--muted);text-decoration:none;font-size:14px;margin-left:28px;transition:color .2s}
nav a:hover{color:var(--gold)}
.hdr-cta{display:flex;align-items:center;gap:10px;margin-left:auto}
.hdr-tg{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;background:#229ED9;color:#fff;font-weight:600;font-size:14px;border:none;cursor:pointer;font-family:inherit;transition:opacity .2s;white-space:nowrap}
.hdr-tg:hover{opacity:.88}
.hdr-apply{background:var(--gold);color:#0D0D0D;padding:9px 20px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .2s}
.hdr-apply:hover{background:var(--gold-light)}

/* INNER PAGE LAYOUT (anketa, kontakty, o-studii, otzyvy, rabota-doma, usloviya-raboty) */
.pg{padding:104px 24px 80px;max-width:1140px;margin:0 auto}
.breadcrumb{font-size:12px;color:var(--dim);margin-bottom:32px}
.breadcrumb a{color:var(--dim);text-decoration:none}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb span{margin:0 8px;color:#2a2a2a}
.sec-tag{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.pg-h{font-size:clamp(32px,4vw,48px);font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px}
.pg-h em{color:var(--gold);font-style:normal}
.pg-lead{font-size:16px;color:var(--muted);line-height:1.75;max-width:580px;margin-bottom:48px}

/* SHARED BUTTONS */
.btn-gold{display:inline-block;background:var(--gold);color:#0D0D0D;padding:14px 32px;border-radius:6px;font-weight:800;font-size:15px;text-decoration:none;transition:background .2s}
.btn-gold:hover{background:var(--gold-light)}
.btn-tg{display:inline-flex;align-items:center;gap:8px;background:#229ED9;color:#fff;padding:14px 28px;border-radius:6px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s}
.btn-tg:hover{opacity:.88}

/* FAQ ACCORDION (anketa, index, rabota-doma, usloviya-raboty) */
.faq-sec{padding:72px 24px;background:var(--surface);border-top:1px solid #1e1e1e}
.faq-wrap{max-width:860px;margin:0 auto}
.faq-item{border-bottom:1px solid #1a1a1a}
.faq-q{width:100%;text-align:left;background:none;border:none;color:var(--text);padding:20px 0;font-size:14px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-ico{color:var(--gold);font-size:18px;font-weight:300;flex-shrink:0;transition:transform .2s}
.faq-item.open .faq-ico{transform:rotate(45deg)}
.faq-a{display:none;padding:0 0 18px;font-size:13px;color:var(--muted);line-height:1.75}
.faq-item.open .faq-a{display:block}

/* FOOTER */
footer{background:var(--surface);border-top:1px solid #1e1e1e;padding:52px 24px 28px}
.ft-inner{max-width:1140px;margin:0 auto}
.ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:44px}
.ft-logo{font-size:18px;font-weight:800;color:var(--text);text-decoration:none;display:block;margin-bottom:12px}
.ft-logo em{color:var(--gold);font-style:normal}
.ft-about{font-size:13px;color:var(--dim);line-height:1.7;margin-bottom:16px}
.ft-addr{font-size:13px;color:var(--dim)}
.ft-h{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:16px}
.ft-col ul{list-style:none}
.ft-col ul li{margin-bottom:9px}
.ft-col ul li a{font-size:13px;color:var(--dim);text-decoration:none;transition:color .2s}
.ft-col ul li a:hover{color:var(--gold)}
.ft-bottom{border-top:1px solid #1e1e1e;padding-top:24px;display:flex;justify-content:space-between;align-items:center}
.ft-copy{font-size:12px;color:var(--dim)}
.ft-tg a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);text-decoration:none;border:1px solid #2a2a2a;padding:8px 16px;border-radius:4px;transition:border-color .2s}
.ft-tg a:hover{border-color:var(--gold-border);color:var(--gold)}

/* MOBILE BURGER MENU (all pages) */
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:110;margin-left:16px}
.burger span{display:block;width:22px;height:2px;background:var(--text);transition:all .25s;border-radius:2px}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-nav{display:none;position:fixed;inset:0;top:64px;background:var(--bg);z-index:99;overflow-y:auto}
.mob-nav.open{display:block}
.mob-close-row{display:flex;justify-content:flex-end;padding:16px 16px 4px}
.mob-close-btn{background:none;border:none;color:var(--text);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;opacity:.6}
.mob-close-btn:hover{opacity:1}
.mob-links{display:flex;flex-direction:column;padding:24px 24px 8px}
.mob-links a{color:var(--text);text-decoration:none;font-size:20px;font-weight:700;padding:18px 0;border-bottom:1px solid #1e1e1e;letter-spacing:-0.5px;display:block}
.mob-links a:last-child{border-bottom:none}
.mob-links a:hover{color:var(--gold)}
.mob-cta-row{display:flex;flex-direction:column;gap:12px;padding:24px;border-top:1px solid #1e1e1e;margin-top:8px}
.mob-btn-anketa{background:var(--gold);color:#0D0D0D;text-decoration:none;text-align:center;padding:16px;font-weight:800;font-size:16px;border-radius:6px;display:block}
.mob-btn-tg{background:#229ED9;color:#fff;text-decoration:none;text-align:center;padding:14px;font-weight:700;font-size:15px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:900px){
  .hdr-tg{display:none!important}
  .hdr-apply{display:none!important}
  .burger{display:flex}
}