/* БЕСТ ЕООД — бяла страница: лого, два входа, кардиограма и геометричен фон (fx.js) */
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#fff;font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;
  background:radial-gradient(ellipse 70% 60% at 50% 50%,#fff 0%,#f7f9fb 70%,#eef2f6 100%)}
#fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}

/* началната: двата бутона върху кардиограмата, над върховете ѝ; логото е долу във футъра */
:root{--ecg-h:clamp(70px,12vw,140px)}
.head{position:absolute;z-index:3;left:calc(50% + .5vw);top:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:26px;width:max-content;max-width:calc(100% - 32px)}
/* надписите (без бутони) са точно над двата върха на кардиограмата — 38 % и 63 % от ширината */
@font-face{font-family:"Montserrat BEST";src:url(fonts/montserrat-best.woff2) format("woff2");font-weight:300 700;font-display:swap}  /* само нужните главни букви, OFL */
.logins{display:flex;gap:calc(25vw - min(22vw,340px))}
.word{display:block;width:22vw;max-width:340px;text-align:center;padding:14px 0;background:none;box-shadow:none;border-radius:0;
  font-family:"Montserrat BEST","Segoe UI",sans-serif;font-weight:300;font-size:clamp(18px,2.2vw,32px);letter-spacing:.28em;text-indent:.28em;
  color:#0f2a44;text-decoration:none;transition:color .25s,text-shadow .25s}
.word:hover{color:#2a5b87;text-shadow:0 0 14px rgba(42,91,135,.35)}
.foot{position:absolute;z-index:3;left:0;right:0;bottom:clamp(20px,5vh,44px);display:flex;align-items:center;justify-content:center;gap:22px;padding:0 16px}
.foot::before,.foot::after{content:"";flex:0 1 220px;height:1px}
.foot::before{background:linear-gradient(90deg,transparent,rgba(15,42,68,.25))}
.foot::after{background:linear-gradient(90deg,rgba(15,42,68,.25),transparent)}
.foot img{height:54px;width:auto;flex:none}

/* кардиограма през средата на началната страница — над надписите, без да пречи на натискането */
.ecg{position:absolute;z-index:4;pointer-events:none;left:0;top:50%;width:100%;height:var(--ecg-h);transform:translateY(-50%);overflow:visible}
.ecg polyline{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ecg-base{stroke:rgba(15,42,68,.10);stroke-width:2}
.ecg-run{stroke:#2a5b87;stroke-width:2.6;stroke-dasharray:.16 .84;stroke-dashoffset:1;
  filter:drop-shadow(0 0 4px rgba(42,91,135,.55));animation:ecg 10s linear infinite}
@keyframes ecg{to{stroke-dashoffset:0}}
/* искрите (static/sparks.js): платното е над бутоните, бутонът светва при удара */
#sparks{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;display:block}
.word.zap{animation:zap .8s cubic-bezier(.2,.8,.3,1)}
/* импулс: буквите рязко светват в златисто, подскачат, трепват и се връщат */
@keyframes zap{
  0%{transform:scale(1.16);color:#f2a900;font-weight:600;text-shadow:0 0 6px #ffd257,0 0 18px rgba(242,169,0,.9),0 0 38px rgba(242,169,0,.6)}
  12%{transform:scale(.95) translateX(-3px);color:#ffb81f;text-shadow:0 0 10px rgba(242,169,0,.8)}
  26%{transform:scale(1.06) translateX(3px)}
  40%{transform:scale(.98) translateX(-1px)}
  60%{transform:scale(1.02);color:#2a5b87}
  100%{transform:none;color:#0f2a44;text-shadow:none}}

/* прозорецът за вход в AUTOMOTO */
.box{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100% - 32px));
  background:#fff;border:1px solid #f2a900;border-radius:14px;padding:28px 28px 22px;box-shadow:0 14px 44px rgba(42,91,135,.28),0 2px 8px rgba(42,91,135,.12);color:#1d2b3a}
.box-logo{display:flex;justify-content:center;margin-bottom:10px}
.box-logo img{height:56px;width:auto}
.box-title{text-align:center;color:#0f2a44;font-size:24px;font-weight:300;letter-spacing:.12em;margin:0 0 18px}
/* връзка към началната долу на входа */
.home{position:absolute;z-index:3;left:50%;bottom:clamp(18px,4vh,36px);transform:translateX(-50%);
  font-family:"Montserrat BEST","Segoe UI",sans-serif;font-weight:300;font-size:14px;letter-spacing:.32em;text-indent:.32em;
  color:#0f2a44;text-decoration:none;white-space:nowrap;transition:color .25s}
.home:hover{color:#f2a900}
.box-sub{text-align:center;color:#7a8896;font-size:11.5px;letter-spacing:.07em;line-height:1.4;margin:18px 0 0}  /* като подписа на входа в склада */
.box-user{text-align:center;color:#667788;font-size:13px;margin:-10px 0 16px}
.box label{display:block;font-size:13px;color:#5a6b7d;margin-bottom:12px}
.box input{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1px solid #cfd8e2;border-radius:8px;font:inherit;font-size:16px;color:#1d2b3a}
.box input:focus{outline:2px solid #2a5b87;outline-offset:0;border-color:transparent}
.box button,.btn2{display:block;width:100%;margin-top:8px;padding:12px;border:0;border-radius:999px;background:#0f2a44;color:#fff;
  font:inherit;font-weight:600;cursor:pointer;text-align:center;text-decoration:none}
.box button:hover,.btn2:hover{background:#f2a900;color:#0f2a44}
.box button.ghost{background:transparent;color:#5a6b7d;border:1px solid #cfd8e2}
.err{margin:0 0 14px;padding:9px 12px;border-radius:8px;background:#fdecec;color:#a12626;font-size:14px}
.note{margin:14px 0 0;font-size:12.5px;color:#7a8896;text-align:center}
.note a{color:#2a5b87}
.msg{margin:0 0 14px;color:#3b4a5a;font-size:15px;line-height:1.55}

@media (max-width:900px){
  /* на телефон: по-големи и един над друг — WAREHOUSE над линията, AUTOMOTO под нея */
  .head{left:50%}
  .logins{flex-direction:column;align-items:center;gap:calc(var(--ecg-h) + 6px);width:100%}
  .word{width:100%;max-width:none;font-size:27px;letter-spacing:.22em;text-indent:.22em}
  .head{width:calc(100% - 32px)}
  .foot img{height:44px}
}
@media (prefers-reduced-motion:reduce){
  .ecg-run{animation:none;stroke-dasharray:none}
}