/* ============================================================
   Bilim Invest — public site styles.
   Auto-merged from the design prototypes' <style> blocks (deduped),
   plus host base (the prototype set these on a wrapper div).
   ============================================================ */
:root{--accent:#44B332;--accentDark:#399E29;--head:Geologica,"Segoe UI",sans-serif;}
html,body{overflow-x:hidden}
body{background:#F4F8F9;color:#0F172A;font-size:15px;min-height:100dvh;}
img{max-width:100%}
ul{list-style:none}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{text-decoration:none;color:inherit}
.bi-news::-webkit-scrollbar{height:0}
.bi-link{display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:gap .18s ease}
.bi-link:hover{gap:11px}
.bi-nav{position:relative;cursor:pointer;color:#5A6B7B;padding:8px 14px;border-radius:9px;transition:color .15s ease, background .15s ease}
.bi-nav:hover{background:#EEF3F2;color:#243244}
.bi-nav::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--accent,#44B332);opacity:0;transform:scaleX(.55);transform-origin:center;transition:opacity .18s ease, transform .18s ease}
.bi-nav[aria-current="page"]{color:#0F172A}
.bi-nav[aria-current="page"]::after{opacity:1;transform:none}
.bi-nav[aria-current="page"]:hover{background:#EEF3F2}
.bi-card{transition:transform .2s ease, box-shadow .2s ease}
.bi-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,40,10,.10)}
.bi-btn{cursor:pointer;transition:transform .15s ease, filter .15s ease}
.bi-btn:hover{filter:brightness(.96)}
.bi-btn:active{transform:translateY(1px)}
.bi-pill{transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease}
.bi-pill:hover{border-color:var(--accent,#44B332);transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,40,10,.07)}
.bi-soc{transition:transform .15s ease, filter .15s ease, background .15s ease}
.bi-soc:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-2px)}
.bi-thumb{transition:transform .35s ease}
.bi-card:hover .bi-thumb{transform:scale(1.04)}
.bi-reg{opacity:0;transform:translateY(3px);transition:opacity .22s ease, transform .22s ease, gap .18s ease}
.bi-card:hover .bi-reg{opacity:1;transform:none}
.bi-btn:focus-visible,.bi-link:focus-visible,.bi-pill:focus-visible,.bi-nav:focus-visible{outline:2px solid var(--accent,#44B332);outline-offset:3px;border-radius:6px}
.bi-arrow:hover{color:var(--accent,#44B332)!important;border-color:var(--accent,#44B332)!important}
.bi-fnav{color:rgba(255,255,255,.66);cursor:pointer;transition:color .15s ease}
.bi-fnav:hover{color:#fff}
.bi-fcontact{display:flex;align-items:flex-start;gap:12px;color:rgba(255,255,255,.74);font-size:14.5px;line-height:1.5}
.bi-fcontact svg{flex-shrink:0;margin-top:1px;color:rgba(255,255,255,.5)}
.bi-burger{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #D5DEDF;border-radius:10px;background:#fff;cursor:pointer;color:#0F172A;flex-shrink:0;transition:background .15s ease}
.bi-burger:hover{background:#F1F5F4}
.bi-mobile-menu{display:none;background:rgba(255,255,255,.97)}
.bi-mlink{padding:13px 12px;border-radius:10px;font-size:16px;font-weight:600;color:#243244;transition:background .15s ease}
.bi-mlink:hover{background:#F1F5F4}
.bi-mlink[aria-current="page"]{background:#EEF3F2;color:#0F172A}
.bi-mlang{flex:1;padding:11px 0;border:1px solid #D5DEDF;border-radius:9px;background:#fff;font-size:14px;font-weight:600;color:#16202B;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.bi-mlang:hover{border-color:var(--accent,#44B332);color:var(--accent,#44B332)}
.bi-qlink{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid #EAF0F1;border-radius:13px;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.bi-qlink:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,40,10,.08);border-color:#D6E8CF}
.bi-qlink .bi-go{margin-left:auto;color:#B4C2BC;transition:transform .18s ease, color .18s ease}
.bi-qlink:hover .bi-go{color:var(--accent,#44B332);transform:translateX(3px)}
.bi-doc{transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease}
.bi-doc:hover{border-color:var(--accent,#44B332);transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,40,10,.08)}
.bi-btn:focus-visible,.bi-link:focus-visible{outline:2px solid var(--accent,#44B332);outline-offset:3px;border-radius:6px}
.bi-share{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid #DDE5E7;color:#52606D;cursor:pointer;transition:border-color .15s ease, color .15s ease, transform .15s ease}
.bi-share:hover{border-color:var(--accent,#44B332);color:var(--accent,#44B332);transform:translateY(-2px)}
.art p{color:#3E4C5A;font-size:17px;line-height:1.8;margin-top:20px}
.art h2{font-family:var(--head,Geologica),sans-serif;font-weight:700;font-size:24px;letter-spacing:-.01em;color:#16202B;margin-top:40px}
.art li{position:relative;padding-left:24px;color:#3E4C5A;font-size:17px;line-height:1.75;margin-top:12px}
.art li::before{content:"";position:absolute;left:3px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--accent,#44B332)}
.bi-soc2{transition:transform .15s ease, filter .15s ease}
.bi-soc2:hover{transform:translateY(-2px);filter:brightness(.96)}
.bi-input{width:100%;height:48px;padding:0 16px;border:1px solid #DDE5E7;border-radius:10px;background:#fff;font-size:15px;font-family:Inter,sans-serif;color:#16202B;transition:border-color .15s ease, box-shadow .15s ease}
.bi-input:focus{outline:none;border-color:var(--accent,#44B332);box-shadow:0 0 0 3px rgba(68,179,50,.12)}
textarea.bi-input{height:auto;padding:14px 16px;resize:vertical;line-height:1.5}
.bi-input::placeholder{color:#9AA5B1}
.ev p{color:#3E4C5A;font-size:16px;line-height:1.75;margin-top:16px}
.ev h2{font-family:var(--head,Geologica),sans-serif;font-weight:700;font-size:22px;letter-spacing:-.01em;color:#16202B;margin-top:36px}
.agenda-row{display:flex;gap:20px;padding:18px 0;border-top:1px solid #E7EDEC}
.agenda-row:first-child{border-top:none}
section[id]{scroll-margin-top:90px}
.bi-tab{padding:9px 18px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease, color .15s ease;color:#475569;background:#fff;border:1px solid #E4ECEE}
.bi-tab:hover{color:var(--accent,#44B332);border-color:var(--accent,#44B332)}
details.faq{background:#fff;border:1px solid #EAF0F1;border-radius:14px;overflow:hidden;transition:border-color .18s ease, box-shadow .18s ease}
details.faq+details.faq{margin-top:14px}
details.faq[open]{border-color:#D6E8CF;box-shadow:0 10px 28px rgba(15,40,10,.06)}
details.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;font-size:16.5px;font-weight:600;color:#16202B}
details.faq summary::-webkit-details-marker{display:none}
.faq-ico{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#ECF8EA;color:var(--accent,#44B332);display:flex;align-items:center;justify-content:center;transition:transform .2s ease, background .2s ease}
details.faq[open] .faq-ico{transform:rotate(45deg);background:var(--accent,#44B332);color:#fff}
details.faq .faq-body{max-height:0;overflow:hidden;opacity:0;padding:0 24px;color:#52606D;font-size:15.5px;line-height:1.7;transition:max-height .28s ease, opacity .2s ease, padding .28s ease}
details.faq[open] .faq-body{max-height:420px;opacity:1;padding:0 24px 24px}
.faq summary:hover{color:var(--accentDark,#399E29)}
.wcj-row{transition:background .18s ease}
.wcj-row:hover{background:#EFF5F0}
.wcj-row .wcj-num{transition:color .18s ease}
.wcj-row:hover .wcj-num{color:var(--accent,#44B332)}
.wcj-row .wcj-chip{transition:transform .18s ease}
.wcj-row:hover .wcj-chip{transform:translateY(-2px)}
.wcj-row .wcj-go{opacity:0;transform:translateX(-6px);transition:opacity .18s ease, transform .18s ease;color:var(--accent,#44B332)}
.wcj-row:hover .wcj-go{opacity:1;transform:none}
.bi-btn:focus-visible{outline:2px solid var(--accent,#44B332);outline-offset:3px;border-radius:6px}
@media (min-width:901px){
  .bi-mobile-menu{display:none!important}
}
@media (max-width:900px){
  .bi-nav-desktop{display:none!important}
  .bi-lang-desktop{margin-left:auto!important}
  .bi-lang-desktop > button{height:44px!important;padding:0 16px!important;}
  .bi-lang-desktop > div{min-width:188px!important;padding:8px!important;border-radius:14px!important;top:52px!important;}
  .bi-lang-desktop > div button{padding:14px 16px!important;font-size:16px!important;border-radius:10px!important;}
  .bi-burger{display:flex!important}
  [style*="grid-template-columns"]{grid-template-columns:1fr!important;}
  [data-screen-label="Stats"] > div > div{justify-content:flex-start!important; border-left:0!important; border-top:1px solid #EDF1F2!important; padding:16px 4px!important;}
  [data-screen-label="Stats"] > div > div:first-child{border-top:0!important; padding-top:0!important;}
  [data-screen-label="Stats"] > div > div > div > div:first-child{font-size:26px!important;}
  .bi-rowhead{flex-direction:column!important; align-items:flex-start!important; gap:12px!important;}
  .bi-rowhead a{display:none!important;}
  .bi-seemore{display:flex!important;}
  .bi-tasks{display:flex!important;flex-direction:column!important;gap:18px!important;}
  .bi-histline{left:11px!important;right:auto!important;top:12px!important;bottom:12px!important;width:2px!important;height:auto!important;}
  .bi-h1{font-size:30px!important}
  .bi-news-feature{grid-template-columns:1fr!important}
  .bi-news-3col{grid-template-columns:1fr 1fr!important}
  .bi-courses-grid{grid-template-columns:1fr 1fr!important}
  .bi-comp-grid{grid-template-columns:1fr!important}
  .bi-footer-grid{grid-template-columns:1fr!important;gap:40px!important}
  .bi-procline{left:50%!important;right:auto!important;top:27px!important;bottom:27px!important;width:2px!important;height:auto!important;transform:translateX(-50%)!important;}
}
@media (max-width:600px){
  h1{font-size:30px!important;}
  .bi-fbcard{padding:24px!important;}
  .bi-h1{font-size:25px!important}
  .bi-news-3col{grid-template-columns:1fr!important}
  .bi-courses-grid{grid-template-columns:1fr!important}
  .bi-feature-card{min-height:300px!important}
  .bi-sec{padding-top:52px!important;padding-left:18px!important;padding-right:18px!important}
  .bi-ph{padding:36px 18px 42px!important}
  .bi-ptext{font-size:15px!important}
  .bi-fwrap{padding-left:18px!important;padding-right:18px!important}
  .bi-hwrap{padding-left:18px!important;padding-right:18px!important}
}