/* TireFlow Work - belepes, csatlakozas, meghivo: kozos kapu-stilus.
   Velzon (themesbrand) szinek, ugyanaz, mint az ugyviteli rendszerben. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css');

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Poppins',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;min-height:100dvh;
 background:radial-gradient(1100px 520px at 50% -10%,#3C5089,#27386D 55%,#1B2749);
 color:#fff;display:flex;align-items:center;justify-content:center;padding:26px 16px;
 -webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
i.ri{font-family:'remixicon';font-style:normal;line-height:1}

.b{width:100%;max-width:430px}
.b.szeles{max-width:520px}
.b-logo{text-align:center;margin-bottom:22px}
.b-logo .n{font-size:27px;font-weight:300;letter-spacing:.3px}
.b-logo .n b{font-weight:700}
.b-logo .s{font-size:13px;opacity:.7;margin-top:2px}

.b-k{background:#fff;color:#212529;border-radius:18px;padding:22px;
 box-shadow:0 26px 60px -20px rgba(0,0,0,.55)}
.b-k h2{font-size:19px;font-weight:600;color:#495057;margin-bottom:4px}
.b-k .b-alcim{font-size:13.5px;color:#878A99;margin-bottom:18px}

.b-ful{display:flex;gap:6px;background:#F3F3F9;border-radius:12px;padding:5px;margin-bottom:20px}
.b-ful button{flex:1;border:0;background:transparent;border-radius:9px;padding:11px 8px;cursor:pointer;
 font:600 14px/1 'Poppins',sans-serif;color:#878A99;display:flex;align-items:center;justify-content:center;gap:7px}
.b-ful button.on{background:#fff;color:#27386D;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.b-ful button i{font-size:18px}
.b-lap{display:none}
.b-lap.on{display:block}

label{display:block;font-size:13px;font-weight:600;color:#495057;margin:0 0 6px}
input[type=email],input[type=password],input[type=text],input[type=tel],input[type=date],select,textarea{
 width:100%;border:1px solid #CED4DA;border-radius:10px;padding:13px 14px;
 font:400 16px 'Poppins',sans-serif;color:#212529;background:#fff}
textarea{min-height:82px;resize:vertical}
select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23878A99' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
 background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}
input:focus,select:focus,textarea:focus{outline:0;border-color:#405189;box-shadow:0 0 0 3px rgba(64,81,137,.14)}
.b-mezo{margin-bottom:15px}
.b-mezo .sugo{font-size:12px;color:#878A99;margin-top:5px}
.b-sor{display:flex;gap:12px}
.b-sor > *{flex:1;min-width:0}

.b-gomb{width:100%;border:0;border-radius:11px;padding:15px;cursor:pointer;
 font:600 16px 'Poppins',sans-serif;color:#fff;background:#405189;
 display:flex;align-items:center;justify-content:center;gap:9px}
.b-gomb:active{background:#27386D}
.b-gomb:disabled{opacity:.5}
.b-gomb i{font-size:20px}
.b-gomb.zold{background:#0AB39C}

.b-kam{position:relative;border-radius:14px;overflow:hidden;background:#0B1220;aspect-ratio:1/1;margin-bottom:14px}
.b-kam video{width:100%;height:100%;object-fit:cover;display:block}
.b-ker{position:absolute;inset:12%;border:3px solid rgba(255,255,255,.9);border-radius:18px;
 box-shadow:0 0 0 9999px rgba(0,0,0,.3)}
.b-all{font-size:13px;color:#878A99;min-height:38px;margin-bottom:12px;text-align:center}
.b-all.hiba{color:#D8482A;font-weight:600}
.b-all.ok{color:#08917F;font-weight:600}

.b-pin{display:flex;gap:10px;justify-content:center;margin-bottom:16px}
.b-pin input{width:58px;height:66px;text-align:center;font:600 26px 'Poppins',sans-serif;
 border:1px solid #CED4DA;border-radius:12px;background:#F8F9FB}

.b-ki{background:#F3F3F9;border-radius:11px;padding:12px 14px;font-size:13px;color:#495057;
 display:flex;align-items:center;gap:10px;margin-bottom:14px}
.b-ki i{font-size:19px;color:#405189;flex:0 0 auto}
.b-hiba{background:rgba(240,101,72,.12);color:#D8482A;border-radius:10px;padding:11px 14px;
 font-size:13.5px;font-weight:500;margin-bottom:16px}
.b-ok{background:rgba(10,179,156,.12);color:#08917F;border-radius:10px;padding:11px 14px;
 font-size:13.5px;font-weight:500;margin-bottom:16px}

.b-siker{text-align:center;padding:10px 0 4px}
.b-siker .kor{width:76px;height:76px;border-radius:50%;margin:0 auto 16px;display:flex;
 align-items:center;justify-content:center;background:rgba(10,179,156,.14);color:#0AB39C;font-size:38px}
.b-siker h2{font-size:21px;margin-bottom:8px}
.b-siker p{font-size:14px;color:#878A99;line-height:1.6}

.b-alatt{text-align:center;margin-top:18px;font-size:13.5px;opacity:.85}
.b-alatt a{color:#fff;font-weight:600;text-decoration:underline}

.iti{width:100%}

@media (max-width:380px){
  .b-pin input{width:52px;height:60px;font-size:23px}
  .b-sor{flex-direction:column;gap:0}
}

/* kamera helyett: valtas jelszavas belepesre */
.b-valto{width:100%;margin:2px 0 14px;padding:11px 14px;border:1px solid #dfe3ea;background:#fff;
color:#27386d;font:500 14px/1.2 Poppins,system-ui,sans-serif;border-radius:10px;cursor:pointer;transition:.15s}
.b-valto:hover{background:#f3f5f9;border-color:#c9cfdc}
/* --- elfelejtett jelszo link a belepolapon --- */
.b-elfelejt{display:block;margin:14px 0 2px;padding:9px 6px;text-align:center;
 font:500 13.5px/1.3 Poppins,system-ui,sans-serif;color:#27386d;text-decoration:none;
 border-radius:9px;transition:.15s}
.b-elfelejt:hover,.b-elfelejt:focus-visible{background:#f3f5f9;text-decoration:underline}
@media (max-width:420px){.b-elfelejt{font-size:14px;padding:11px 6px}}
/* --- csatlakozasi kerelem allapota a belepo kepernyon --- */
.b-all-k{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border-radius:14px;
 margin-bottom:16px;text-align:left;border:1px solid transparent}
.b-all-k .b-all-i{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:grid;
 place-items:center;font-size:19px}
.b-all-k .b-all-f{flex:1;min-width:0}
.b-all-k .b-all-f b{display:block;font-size:14.5px;font-weight:600;margin-bottom:3px}
.b-all-k .b-all-f span{display:block;font-size:12.5px;line-height:1.55;opacity:.85}
.b-all-k.var{background:rgba(247,184,75,.14);border-color:rgba(247,184,75,.3)}
.b-all-k.var .b-all-i{background:rgba(247,184,75,.26);color:#8a5a05}
.b-all-k.var .b-all-f b{color:#8a5a05}
.b-all-k.ok{background:rgba(10,179,156,.13);border-color:rgba(10,179,156,.3)}
.b-all-k.ok .b-all-i{background:rgba(10,179,156,.24);color:#07715f}
.b-all-k.ok .b-all-f b{color:#07715f}
.b-all-k.nem{background:rgba(240,101,72,.12);border-color:rgba(240,101,72,.28)}
.b-all-k.nem .b-all-i{background:rgba(240,101,72,.22);color:#b53a1f}
.b-all-k.nem .b-all-f b{color:#b53a1f}