/* BRIGHTORBIT — giris / kayit ekrani */
body.bo-login { overflow-x: hidden; }

/* yan sanat gorselleri */
.bo-lg-art { position: fixed; top: 0; bottom: 0; width: 34vw; z-index: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; }
.bo-lg-art.l {
    left: 0; background-image: url('/img/brightorbit/login_left.jpg'); background-position: right top;
    -webkit-mask-image: linear-gradient(90deg, #000 55%, transparent 100%), linear-gradient(180deg, #000 70%, transparent 100%);
    -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, #000 55%, transparent 100%);
}
.bo-lg-art.r {
    right: 0; background-image: url('/img/brightorbit/login_right.jpg'); background-position: left top;
    -webkit-mask-image: linear-gradient(270deg, #000 55%, transparent 100%), linear-gradient(180deg, #000 70%, transparent 100%);
    -webkit-mask-composite: source-in; mask-image: linear-gradient(270deg, #000 55%, transparent 100%);
}

/* ---- ust cubuk ---- */
.bo-lg-top {
    position: relative; z-index: 2;
    display: grid; grid-template-columns: 1fr auto 1fr; align-items: start; gap: 16px;
    max-width: 1400px; margin: 0 auto; padding: 12px 20px 0;
}
.bo-lg-top-l { display: flex; gap: 10px; align-items: center; }
.bo-lg-lang, .bo-lg-count {
    display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 14px;
    font-size: 15px; font-weight: 600; color: #fff;
    background: rgba(6, 14, 26, .9); border: 1px solid #2a3f57; border-radius: 4px;
}
.bo-lg-lang .flag {
    width: 22px; height: 15px; border-radius: 2px;
    background: radial-gradient(circle at 42% 50%, #fff 0 4px, transparent 4.5px), radial-gradient(circle at 48% 50%, #e30a17 0 3.4px, transparent 3.8px), #e30a17;
}
.bo-lg-lang select { appearance: none; -webkit-appearance: none; background: transparent; border: 0; color: #fff; font: inherit; padding-right: 14px; cursor: pointer; }
.bo-lg-lang select option { color: #000; }
.bo-login .bo-logo .word { font-size: 50px; }
.bo-login .bo-logo .tag { font-size: 14px; letter-spacing: 8px; }

.bo-lg-quick { display: flex; justify-content: flex-end; gap: 14px; align-items: start; }
.bo-lg-quick .fields { display: grid; gap: 4px; width: 240px; }
.bo-lg-quick input {
    height: 26px; padding: 0 8px; font: 500 15px 'Exo 2', sans-serif;
    color: #111; background: #f4f7fb; border: 1px solid #9fb6cf; border-radius: 2px;
}
.bo-lg-quick a { color: #e6efff; font-size: 14px; text-decoration: none; }
.bo-lg-quick a:hover { color: #fff; text-decoration: underline; }
/* Beni hatirla + Sifremi unuttum ayni satirda */
.bo-lg-quick .row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bo-lg-quick .remember { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; color: #e6efff; font-size: 14px; user-select: none; }
.bo-lg-quick .remember input { width: 14px; height: 14px; padding: 0; margin: 0; accent-color: #39c4ff; cursor: pointer; }
.bo-lg-quick .remember:hover { color: #fff; }
.bo-lg-quick .bo-btn { min-width: 116px; padding: 9px 14px; font-size: 18px; border-radius: 4px; clip-path: none; }

/* ---- orta ---- */
.bo-lg-main { position: relative; z-index: 2; max-width: 1000px; margin: 8px auto 0; padding: 0 16px 12px; }
.bo-lg-reg { max-width: 520px; margin: 0 auto; padding: 16px 40px 16px; }
.bo-lg-reg h1 {
    margin: 0 0 12px; text-align: center;
    font: 800 21px/1.2 'Exo 2', sans-serif; letter-spacing: .5px; color: var(--bo-cyan);
    text-shadow: 0 0 12px rgba(57, 196, 255, .55);
}
.bo-lg-reg label { display: grid; grid-template-columns: 130px 1fr; align-items: center; gap: 10px; margin-bottom: 6px; }
.bo-lg-reg label > span { font-weight: 700; font-size: 15px; color: #fff; }
.bo-lg-reg input[type=text], .bo-lg-reg input[type=password], .bo-lg-reg input[type=email] {
    height: 28px; padding: 0 10px; font: 500 15px 'Exo 2', sans-serif; color: #fff;
    background: #030a14; border: 1px solid #2c8fe0; border-radius: 4px;
    box-shadow: 0 0 10px rgba(44, 143, 224, .35) inset;
}
.bo-lg-reg input:focus { outline: none; border-color: #7fd2ff; box-shadow: 0 0 12px rgba(127, 210, 255, .55); }
.bo-lg-reg label.captcha { grid-template-columns: 130px auto 1fr; }
.bo-lg-reg label.captcha img { height: 28px; width: 92px; object-fit: cover; cursor: pointer; border: 1px solid #2c8fe0; border-radius: 4px; background: #fff; }
.bo-lg-reg label.chk { display: flex; align-items: center; gap: 10px; margin: 6px 0 0; font-size: 14px; color: #e8f1ff; }
.bo-lg-reg label.chk input { width: 18px; height: 18px; accent-color: #2c8fe0; flex: none; }
.bo-lg-reg label.chk a { color: #fff; }
.bo-lg-submit { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; }
.bo-lg-submit .bo-btn.green { width: 280px; padding: 8px; font-size: 26px; font-weight: 900; border-radius: 6px; clip-path: none; }
.bo-lg-submit .chev { width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; filter: drop-shadow(0 0 6px rgba(90, 240, 70, .8)); }
.bo-lg-submit .chev.l { border-right: 12px solid var(--bo-green-1); }
.bo-lg-submit .chev.r { border-left: 12px solid var(--bo-green-1); }

/* ---- galeri ---- */
.bo-lg-gallery { display: grid; grid-template-columns: 170px 1fr 170px; gap: 14px; align-items: center; margin-top: 12px; padding: 12px 18px; }
.bo-lg-gallery .thumbs { display: grid; gap: 10px; }
.bo-lg-gallery .thumbs button {
    height: 82px; cursor: pointer; background-size: cover; background-position: center;
    border: 2px solid #3a6f9c; border-radius: 4px; box-shadow: 0 0 10px rgba(57, 196, 255, .25);
}
.bo-lg-gallery .thumbs button:hover { border-color: var(--bo-cyan); }
.bo-lg-gallery .video { border: 2px solid #3a6f9c; border-radius: 4px; overflow: hidden; background: #000; }
.bo-lg-gallery video { display: block; width: 100%; aspect-ratio: 2.9 / 1; object-fit: cover; }

.bo-lg-slogan { text-align: center; margin-top: 10px; }
.bo-lg-slogan h2 { margin: 0 0 4px; font: 800 21px 'Exo 2', sans-serif; color: var(--bo-cyan); text-shadow: 0 0 10px rgba(57, 196, 255, .5); }
.bo-lg-slogan p { margin: 0; font-size: 15px; color: #e8f1ff; }
.bo-lg-slogan .dl { margin-top: 4px; }
.bo-lg-slogan .dl a { color: var(--bo-gold); font-weight: 700; font-size: 15px; }

/* ---- istemci penceresi ---- */
.bo-lg-modal { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; background: rgba(0, 0, 0, .7); }
.bo-lg-modal[hidden] { display: none; }
.bo-lg-modal .box { position: relative; width: min(420px, 92vw); padding: 0 24px 24px; display: grid; gap: 12px; text-align: center; }
.bo-lg-modal .box p { margin: 6px 0 4px; color: #d6e6f8; }
.bo-lg-modal .x { position: absolute; top: 4px; right: 10px; background: none; border: 0; color: #fff; font-size: 26px; cursor: pointer; }

@media (max-width: 1100px) {
    .bo-lg-top { grid-template-columns: 1fr; justify-items: center; }
    .bo-lg-quick { justify-content: center; }
    .bo-lg-art { display: none; }
    .bo-lg-gallery { grid-template-columns: 1fr; }
    .bo-lg-gallery .thumbs { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
    .bo-login .bo-logo .word { font-size: 38px; }
    .bo-lg-reg { padding: 22px 18px; }
    .bo-lg-reg label, .bo-lg-reg label.captcha { grid-template-columns: 1fr; }
    .bo-lg-submit .bo-btn.green { width: 100%; font-size: 26px; }
}