/* Giriş / Kayıt / Şifre sayfaları: sitenin koyu lacivert + turuncu temasına uyarlama (yalnızca görünüm) */
body.authorization-bg, body.register-bg {
    min-height: 100vh;
    background:
        radial-gradient(rgba(255, 255, 255, .045) 1px, transparent 1.4px) 0 0 / 22px 22px,
        radial-gradient(900px 540px at 88% -8%, rgba(255, 106, 0, .30), transparent 62%),
        radial-gradient(760px 500px at -8% 108%, rgba(255, 138, 31, .16), transparent 62%),
        #080c1b !important;
    font-family: "Inter", system-ui, sans-serif;
}
body.authorization-bg #logo, body.register-bg #logo { height: auto; line-height: 1; margin: 0 0 6px; }
body.authorization-bg #logo img, body.register-bg #logo img { width: 112px !important; height: auto; border-radius: 28px; filter: drop-shadow(0 14px 30px rgba(255, 106, 0, .38)); }
body.authorization-bg #logo a::after, body.register-bg #logo a::after { content: "LunoraGame"; display: block; margin-top: 12px; font: 800 26px/1 "Manrope", "Inter", sans-serif; letter-spacing: -.5px; color: #fff; }

/* Kart */
body.authorization-bg .loginPageArea, body.register-bg .loginPageArea {
    background: #fff !important; color: #1f2340; padding: 30px !important; border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, .7); box-shadow: 0 30px 80px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 138, 31, .12);
}
body.authorization-bg .loginPageArea h3, body.register-bg .loginPageArea h3 { margin: 0; font: 800 26px/1.1 "Manrope", "Inter", sans-serif; letter-spacing: -.6px; color: #171717; }
body.authorization-bg .loginPageArea hr, body.register-bg .loginPageArea hr { width: 56px; height: 4px; margin: 14px 0 22px; border: 0; border-radius: 4px; background: linear-gradient(90deg, #ff8a1f, #ff5b00); }
body.authorization-bg .loginPageArea label, body.register-bg .loginPageArea label { color: #3b3f55; font-weight: 700; }
body.authorization-bg .loginPageArea .form-control, body.register-bg .loginPageArea .form-control {
    height: 50px; padding: 0 15px; border: 1px solid #dfe3ee; border-radius: 12px; background: #f7f8fc; color: #171717; font-size: 15px; box-shadow: none; transition: border-color .15s, box-shadow .15s, background .15s;
}
body.authorization-bg .loginPageArea textarea.form-control, body.register-bg .loginPageArea textarea.form-control { height: auto; padding: 12px 15px; }
body.authorization-bg .loginPageArea .form-control:focus, body.register-bg .loginPageArea .form-control:focus { border-color: #ff7a1a; background: #fff; box-shadow: 0 0 0 4px rgba(255, 122, 26, .16); }
body.authorization-bg .loginPageArea .form-control::placeholder, body.register-bg .loginPageArea .form-control::placeholder { color: #8b90a6; }
body.authorization-bg .loginPageArea a, body.register-bg .loginPageArea a { color: #d94f00; font-weight: 600; }
body.authorization-bg .loginPageArea a:hover, body.register-bg .loginPageArea a:hover { color: #b13f00; }
body.authorization-bg .loginPageArea .text-muted, body.register-bg .loginPageArea .text-muted { color: #6b7280 !important; }
body.authorization-bg .loginPageArea .text-info, body.register-bg .loginPageArea .text-info { color: #2f6fa8 !important; }

/* Gönder düğmesi: dolu turuncu */
body.authorization-bg .loginPageArea .btn-outline-primary, body.authorization-bg .loginPageArea .btn-primary,
body.register-bg .loginPageArea .btn-outline-primary, body.register-bg .loginPageArea .btn-primary, body.register-bg .loginPageArea button[type="submit"] {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 24px; border: 0; border-radius: 12px; color: #fff;
    background: linear-gradient(135deg, #ff8a1f, #ff5b00); box-shadow: 0 14px 30px rgba(255, 91, 0, .35); font-weight: 800; letter-spacing: .02em; transition: transform .12s, box-shadow .12s, filter .12s;
}
body.authorization-bg .loginPageArea .btn-outline-primary:hover, body.authorization-bg .loginPageArea .btn-primary:hover,
body.register-bg .loginPageArea .btn-outline-primary:hover, body.register-bg .loginPageArea .btn-primary:hover, body.register-bg .loginPageArea button[type="submit"]:hover { transform: translateY(-1px); filter: brightness(1.06); box-shadow: 0 18px 34px rgba(255, 91, 0, .42); color: #fff; }

/* Sağ sütun (üyelik daveti): koyu zeminde okunur, karakterle birlikte */
body.authorization-bg .row > [class*="col-"]:last-child > .text-secondary { color: #cdd3ec !important; }
body.authorization-bg .row > [class*="col-"]:last-child > .text-secondary::before {
    content: ""; display: block; width: 210px; height: 210px; margin: -26px auto 10px; background: url("../images/mascot/lunora-karakter.svg") center / contain no-repeat; filter: drop-shadow(0 18px 30px rgba(255, 106, 0, .35));
}
body.authorization-bg .btn-outline-secondary { color: #ffd2a1; border: 1px solid rgba(255, 138, 31, .55); border-radius: 12px; padding: 12px 22px; background: rgba(255, 138, 31, .08); }
body.authorization-bg .btn-outline-secondary:hover { color: #fff; border-color: #ff7a1a; background: #ff6a00; }

@media (max-width: 767.98px) {
    body.authorization-bg .row > [class*="col-"]:last-child > .text-secondary { padding-top: 0 !important; margin-top: 8px !important; }
    body.authorization-bg .row > [class*="col-"]:last-child > .text-secondary::before { width: 130px; height: 130px; margin-top: 0; }
    body.authorization-bg .loginPageArea, body.register-bg .loginPageArea { padding: 22px !important; }
    body.authorization-bg #logo img, body.register-bg #logo img { width: 92px !important; }
}

/* Yerleşim: kart + davet sütunu ortalı ve daha sıkı */
body.authorization-bg .d-table .container { max-width: 1020px !important; margin-left: auto !important; margin-right: auto !important; }
body.authorization-bg #logo, body.register-bg #logo { animation: none !important; opacity: 1 !important; text-transform: none !important; }
body.authorization-bg #logo a::after, body.register-bg #logo a::after { text-transform: none; }
body.authorization-bg .row > .col-xl-4.mx-auto, body.register-bg .row > .col-xl-4.mx-auto { padding-bottom: 8px !important; margin-bottom: 18px !important; }
body.authorization-bg .row > [class*="col-"]:last-child > .text-secondary { margin-top: 0 !important; padding-top: 8px !important; }