/**
    ## project name     : nayi.me gsm portal
    ## author           : doanerkan / www.doanerkan.com
    ## 5 Eyl 2026       : giris sayfasi yenilendi (modern + mobil uyumlu).
                          Eski tasarim: sola sabitlenmis 450px panel + arka planda eski telefon fotografi
                          (nayime_login_background.jpg, ~276 KB). Yeni tasarim marka renginde degrade
                          kullanir, fotograf indirilmez. Form/panel id'leri ve .formFormat/.allLoading
                          sinif adlari AYNEN korundu (login.js sozlesmesi).
**/
/* #################################################################################### */
/* ##### + + + pages css imported ##################################################### */
/* #################################################################################### */

@import url('bootstrap.css?version=1.0.0.0');
@import url('bootstrap-theme.css?version=1.0.0.0');
@import url('animate.css?version=1.0.0.0');
@import url('hover.css?version=1.0.0.0');
@import url('font-awesome.min.css?version=4.7.0');
@import url('fancyapp_min.css?version=1.0.0.0');
@import url('font.css?version=1.0.0.0');
@import url('alertify.min.css?version=1.0.0.0');
@import url('alertify.bootstrap.min.css?version=1.0.0.0');
@import url('standart_style.css?version=1.0.0.1');

:root{
    --nyme-mor:#6f5bd6;
    --nyme-mavi:#4f6ef2;
    --nyme-koyu:#241f4d;
    --nyme-metin:#2c3143;
    --nyme-soluk:#7b8194;
    --nyme-cizgi:#e6e8f0;
    --nyme-zemin:#f5f6fb;
}

html, body      { height:100%; }
body            {
    background:var(--nyme-koyu);
    background-image:
        radial-gradient(900px 600px at 12% 18%, rgba(111,91,214,.55), transparent 60%),
        radial-gradient(800px 620px at 88% 78%, rgba(79,110,242,.50), transparent 62%),
        linear-gradient(135deg, #241f4d 0%, #33296b 45%, #1d2a63 100%);
    background-attachment:fixed;
    color:var(--nyme-metin); font:400 14px 'Nayime', sans-serif;
    line-height:20px; margin:0; overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
}
a               { color:var(--nyme-metin); font:400 14px 'Nayime', sans-serif; cursor:pointer; }
a:hover         { color:#000; text-decoration:none; cursor:pointer; }
.transeffect    { -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }

.fancybox-slide--iframe .fancybox-content { width:800px; height:600px; max-width:1200px; max-height:80%; margin:0; }

/* ##### giris sayfasi duzeni ##### */
.girisSayfa     { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:32px 20px; box-sizing:border-box; }
.girisKapsul    { width:100%; max-width:1060px; display:grid; grid-template-columns:1fr 460px; gap:56px; align-items:center; }
.girisKapsul > * { min-width:0; }   /* grid ogesi varsayilan min-width:auto ile tasabiliyor (dar ekranda kart ekrandan cikiyordu) */

/* sol: tanitim (yalniz genis ekran) */
.girisTanitim       { color:#fff; }
.girisTanitim h1    { margin:0 0 16px 0; font:700 34px/1.25 'Nayime', sans-serif; color:#fff; letter-spacing:-.4px; }
.girisTanitim p     { margin:0 0 26px 0; font-size:15px; line-height:24px; color:rgba(255,255,255,.78); max-width:440px; }
.girisOzellik       { list-style:none; padding:0; margin:0; }
.girisOzellik li    { display:flex; align-items:center; gap:12px; margin:0 0 12px 0; color:rgba(255,255,255,.9); font-size:14px; }
.girisOzellik li i  { width:38px; height:38px; flex:0 0 38px; border-radius:11px; background:rgba(255,255,255,.12); display:inline-flex; align-items:center; justify-content:center; font-size:16px; color:#fff; }

/* sag: kart */
.loginArea      { background:#fff; max-width:100%; border-radius:20px; padding:36px 34px 26px 34px; box-shadow:0 24px 60px rgba(16,14,45,.35); box-sizing:border-box; }
.girisKartLogo  { display:block; margin:0 auto 22px auto; }   /* logo daima BEYAZ kartta (koyu zeminde ters cevirmek bozuyordu) */
.girisBaslik    { margin:0 0 6px 0; font:700 22px 'Nayime', sans-serif; color:var(--nyme-koyu); }
.girisAltBaslik { margin:0 0 22px 0; font-size:13px; line-height:19px; color:var(--nyme-soluk); }

.girisEtiket    { display:block; margin:0 0 6px 0; font:600 12px 'Nayime', sans-serif; color:var(--nyme-soluk); letter-spacing:.2px; }

.loginArea input[type=text],
.loginArea input[type=email],
.loginArea input[type=password]{
    width:100%; display:block; box-sizing:border-box; margin:0 0 16px 0;
    background:var(--nyme-zemin); border:1px solid var(--nyme-cizgi); border-radius:12px;
    color:var(--nyme-metin); font:400 15px 'Nayime', sans-serif; padding:13px 15px; outline:none;
    -webkit-appearance:none; transition:border-color .15s, box-shadow .15s, background .15s;
}
.loginArea input[type=text]:focus,
.loginArea input[type=email]:focus,
.loginArea input[type=password]:focus{
    background:#fff; border-color:var(--nyme-mavi); box-shadow:0 0 0 3px rgba(79,110,242,.16);
}
.loginArea input::placeholder { color:#aab0c0; }

/* iki alanli satir: genis ekranda yan yana, mobilde alt alta (eski .yuzde50 %48 kurali gecersiz) */
.girisIkili     { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.loginArea input.yuzde50[type=text],
.loginArea input.yuzde50[type=email],
.loginArea input.yuzde50[type=password]{ width:100%; display:block; margin:0 0 16px 0; }

.loginArea input[type=submit]{
    width:100%; display:block; margin:4px 0 0 0; padding:14px 18px; border:none; outline:none; border-radius:12px; cursor:pointer;
    background:linear-gradient(135deg, var(--nyme-mor), var(--nyme-mavi)); color:#fff;
    font:600 14px 'Nayime', sans-serif; letter-spacing:.4px; white-space:nowrap;
    box-shadow:0 8px 20px rgba(79,110,242,.28); transition:filter .15s, transform .05s;
}
.loginArea input[type=submit]:hover  { filter:brightness(1.07); }
.loginArea input[type=submit]:active { transform:translateY(1px); }

.girisYardim        { margin:14px 0 0 0; text-align:center; }
.girisYardim a      { color:var(--nyme-soluk); font:500 13px 'Nayime', sans-serif; white-space:nowrap; }
.girisYardim a:hover{ color:var(--nyme-mavi); }

.girisAyrac         { display:flex; align-items:center; gap:12px; margin:22px 0 18px 0; color:var(--nyme-soluk); font-size:12px; white-space:nowrap; }
.girisAyrac:before,
.girisAyrac:after   { content:""; flex:1 1 auto; height:1px; background:var(--nyme-cizgi); }

.girisUyelik        { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.uyelikButton       { display:block; text-align:center; padding:12px 10px; border-radius:12px; border:1px solid var(--nyme-cizgi);
                      background:#fff; color:var(--nyme-metin) !important; font:600 13px 'Nayime', sans-serif;
                      white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:.15s; }
.uyelikButton:hover { border-color:var(--nyme-mavi); color:var(--nyme-mavi) !important; text-decoration:none; background:#f7f8ff; }

/* durum panelleri (yukleniyor / basarili / hata / sms) */
.girisDurum         { text-align:center; padding:6px 0 2px 0; }
.girisDurum img     { display:block; margin:6px auto 14px auto; }
.girisDurum h4      { margin:0 0 6px 0; font:700 18px 'Nayime', sans-serif; color:var(--nyme-koyu); }
.girisNot           { display:block; margin:0 0 4px 0; font-size:13px; line-height:19px; color:var(--nyme-soluk); }
.girisDurum .girisNot { margin-bottom:14px; }
.girisKod           { text-align:center; letter-spacing:10px; font-size:24px !important; font-weight:600; padding:15px 10px !important; }
.girisAltBilgi      { margin:22px 0 0 0; text-align:center; font-size:11px; color:#aab0c0; white-space:nowrap; }

.allLoading     { display:none; }
#LoginLoading, #LoginSuccess, #LoginError, #loginAuth, #LoginBanned, #sifremiUnuttum,
#LoginSuccessSU, #LoginErrorSU, #LoginLoadingSU, #firmSignUpForm, #memberSignUpForm { display:none; }

/* ##### mobil ##### */
@media only screen and (max-width:991px){
    .girisSayfa     { padding:24px 16px; align-items:flex-start; }
    .girisKapsul    { grid-template-columns:1fr; gap:0; max-width:460px; }
    .girisTanitim   { display:none; }
    .loginArea      { padding:28px 22px 20px 22px; border-radius:18px; }
    .girisBaslik    { font-size:20px; }
}
@media only screen and (max-width:520px){
    .girisSayfa     { padding:16px 12px calc(16px + env(safe-area-inset-bottom)) 12px; }
    .loginArea      { padding:24px 18px 18px 18px; }
    .girisIkili     { grid-template-columns:1fr; gap:0; }
    .girisUyelik    { grid-template-columns:1fr; }
    .girisKod       { letter-spacing:8px; font-size:21px !important; }
}