/* ==========================================================================
   Panel giriş ekranı (panel/login.php) — R16
   Açık (beyaz) tasarım: solda üç portre + slogan, sağda form. Koyu mod: tek büyük portre + küçük çerçeveli ikinci portre, slogan görselin üstünde.
   Slogan yazı tipi: Instrument Serif (yalnız bu ekranın sloganı; platformun diğer her yerinde tek yazı tipi Arimo kalır).
   Tema: html[data-theme="light" | "dark"] (story-theme.js; Sistem seçilince betik işletim sistemi temasına göre ayarlar).
   ========================================================================== */
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/story/instrument-serif-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Instrument Serif"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/story/instrument-serif-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

body.st-giris {
	--g-bg: #ffffff; --g-fg: #0b0b0c; --g-mut: #6c6c72; --g-line: #0b0b0c; --g-soft: #e4e4e7;
	--g-field: #f4f4f5; --g-field-line: #e2e2e5; --g-field-fg: #0b0b0c; --g-ph: #9d9da3;
	--g-btn: #0b0b0c; --g-btn-fg: #ffffff; --g-btn-hover: #26262a; --g-ring: rgba(11, 11, 12, .14);
	--g-slogan: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
	display: block; height: auto; min-height: 100vh; padding: 0; background: var(--g-bg); color: var(--g-fg);
}
html:has(> body.st-giris) { background: #ffffff; }
html[data-theme="dark"]:has(> body.st-giris) { background: #0b0b0c; }
html[data-theme="dark"] body.st-giris {
	--g-bg: #0b0b0c; --g-fg: #f4f1ea; --g-mut: #9d9da3; --g-line: #2a2a2e; --g-soft: #2a2a2e;
	--g-field: #141416; --g-field-line: #2c2c31; --g-field-fg: #f4f1ea; --g-ph: #6d6d74;
	--g-btn: #f4f1ea; --g-btn-fg: #0b0b0c; --g-btn-hover: #ffffff; --g-ring: rgba(244, 241, 234, .16);
}

/* ---- iskelet: üst çubuk + sol vitrin + sağ form ---- */
body.st-giris .stg-sayfa { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: clamp(28px, 5.5vw, 96px); min-height: 100vh; padding: 0 clamp(20px, 3.6vw, 56px); }
body.st-giris .stg-bar { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0 16px; border-bottom: 1px solid var(--g-line); }
body.st-giris .stg-ad { font-size: 12px; font-weight: 700; letter-spacing: .34em; text-transform: uppercase; color: var(--g-fg); text-decoration: none; white-space: nowrap; }
body.st-giris .stg-ad:hover, body.st-giris .stg-ad:focus { color: var(--g-fg); text-decoration: none; opacity: .75; }
body.st-giris .stg-ust { display: flex; align-items: center; gap: 8px; }

body.st-giris .stg-sol { grid-column: 1; grid-row: 2; position: relative; display: flex; flex-direction: column; justify-content: center; gap: clamp(18px, 3.2vh, 34px); min-width: 0; padding: clamp(20px, 4vh, 44px) 0 clamp(20px, 4vh, 44px) 38px; }
body.st-giris .stg-ana { grid-column: 2; grid-row: 2; position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 540px; min-width: 0; margin: 0 auto; padding: clamp(24px, 5vh, 56px) 0 28px; }

/* ---- vitrin: üç portre (açık tema) ---- */
body.st-giris .stg-vitrin { position: relative; width: 100%; max-width: 660px; aspect-ratio: 604 / 446; }
body.st-giris .stg-foto { position: absolute; margin: 0; overflow: hidden; background: #d9d9dc; }
body.st-giris .stg-foto img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
body.st-giris .stg-foto-1 { left: 0; top: 0; width: 48.7%; height: 96%; }
body.st-giris .stg-foto-1 img { object-position: 50% 14%; }
body.st-giris .stg-foto-2 { left: 50.3%; top: 6.3%; width: 27.2%; height: 87%; }
body.st-giris .stg-foto-2 img { object-position: 50% 16%; }
body.st-giris .stg-foto-3 { left: 79.1%; top: 28.3%; width: 20.9%; height: 71.7%; }
body.st-giris .stg-foto-3 img { object-position: 22% 30%; }
body.st-giris .stg-dikey { position: absolute; left: -38px; top: 50%; display: flex; align-items: center; gap: 14px; font-size: 10px; letter-spacing: .34em; color: var(--g-mut); white-space: nowrap; transform: translate(0, -50%) rotate(180deg); writing-mode: vertical-rl; }
body.st-giris .stg-dikey::after { content: ""; width: 1px; height: 84px; background: var(--g-line); }

/* ---- slogan ---- */
body.st-giris .stg-slogan { min-width: 0; }
body.st-giris .stg-etiket { margin: 0 0 clamp(8px, 1.6vh, 16px); font-size: 11px; font-weight: 400; letter-spacing: .34em; color: var(--g-mut); }
body.st-giris .stg-baslik { margin: 0; font-family: var(--g-slogan); font-size: clamp(40px, 5vw, 80px); line-height: .98; font-weight: 400; letter-spacing: -.022em; color: var(--g-fg); text-wrap: balance; }
body.st-giris .stg-s-k { display: none; }

/* ---- form ---- */
body.st-giris .stg-kart { width: 100%; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.st-giris .errors-container { padding: 0; margin: 0; }
body.st-giris .login-form { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
body.st-giris .login-form .login-header { margin: 0 0 clamp(22px, 4vh, 38px); text-align: left; }
body.st-giris .stg-kicker { margin: 0 0 clamp(10px, 2vh, 18px); font-size: 11px; font-weight: 400; letter-spacing: .34em; color: var(--g-mut); }
body.st-giris .login-form .login-header h1.st-login-baslik { margin: 0; font-size: clamp(38px, 4.2vw, 60px); line-height: 1; font-weight: 700; letter-spacing: -.035em; color: var(--g-fg); }
body.st-giris .login-form .login-header p.st-login-alt { margin: clamp(8px, 1.6vh, 14px) 0 0; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.4; color: var(--g-mut); }
body.st-giris .login-form .form-group { margin: 0 0 18px; }
body.st-giris .login-form .form-group .control-label { display: block; margin: 0 0 8px; padding: 0; font-size: 13px; font-weight: 700; color: var(--g-fg); }
body.st-giris .stg-alan { position: relative; }
body.st-giris .stg-ik { position: absolute; left: 15px; top: 50%; width: 18px; height: 18px; margin-top: -9px; fill: none; stroke: var(--g-mut); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; transition: stroke .15s; }
body.st-giris .stg-alan:focus-within .stg-ik { stroke: var(--g-fg); }
body.st-giris .login-form .form-group .form-control,
body.st-giris .login-form .form-group .form-control.input-dark { height: 52px; padding: 12px 46px 12px 44px; background: var(--g-field); color: var(--g-field-fg); border: 1px solid var(--g-field-line); border-radius: 10px; box-shadow: none; font-size: 15px; transition: border-color .15s, box-shadow .15s, background .15s; }
body.st-giris .login-form .form-group .form-control::placeholder, body.st-giris .login-form .form-group .form-control.input-dark::placeholder, body.st-giris .login-form .form-group .form-control.input-dark::-webkit-input-placeholder { color: var(--g-ph) !important; opacity: 1; }
body.st-giris .login-form .form-group .form-control:focus { border-color: var(--g-fg); box-shadow: 0 0 0 4px var(--g-ring); outline: 0; }
body.st-giris .login-form .form-group .form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--g-field) inset; -webkit-text-fill-color: var(--g-field-fg); caret-color: var(--g-field-fg); }
body.st-giris .stg-goz { position: absolute; right: 7px; top: 50%; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-top: -18px; padding: 0; background: transparent; border: 0; border-radius: 8px; color: var(--g-mut); cursor: pointer; transition: background .15s, color .15s; }
body.st-giris .stg-goz:hover { background: var(--g-soft); color: var(--g-fg); }
body.st-giris .stg-goz svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.st-giris .stg-goz.acik { color: var(--g-fg); }
body.st-giris .stg-yardim { display: flex; justify-content: flex-end; margin: -4px 0 0; }
body.st-giris .stg-unuttum { padding: 4px 0; background: transparent; border: 0; font-size: 13px; font-weight: 600; color: var(--g-fg); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--g-soft); cursor: pointer; }
body.st-giris .stg-unuttum:hover { text-decoration-color: currentColor; }
body.st-giris .stg-unuttum-not { margin: 8px 0 0; padding: 10px 12px; font-size: 13px; line-height: 1.5; color: var(--g-mut); background: var(--g-field); border: 1px solid var(--g-field-line); border-radius: 10px; }
body.st-giris .login-form .stg-gonder { margin: 22px 0 0; }
body.st-giris .login-form .btn-block { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 56px; margin: 0; padding: 0 22px; background: var(--g-btn); border: 0; border-radius: 10px; color: var(--g-btn-fg); font-size: 16px; font-weight: 700; letter-spacing: .005em; box-shadow: none; transition: background .15s, transform .15s; }
body.st-giris .login-form .btn-block:hover, body.st-giris .login-form .btn-block:focus { background: var(--g-btn-hover); color: var(--g-btn-fg); }
body.st-giris .login-form .btn-block:active { transform: translateY(1px); }
body.st-giris .login-form .btn-block:focus-visible { outline: 3px solid var(--g-ring); outline-offset: 2px; }
body.st-giris .login-form .btn-block svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s; }
body.st-giris .login-form .btn-block:hover svg { transform: translateX(3px); }
body.st-giris .stg-guvenli { display: flex; align-items: center; gap: 8px; margin: 18px 0 0; font-size: 13px; color: var(--g-mut); }
body.st-giris .stg-guvenli svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
body.st-giris .g-recaptcha { margin-top: 16px; }
/* ---- Cast Paneli girişi (profil/login.php): alan ipucu · hata kutusu · kayıt bağlantısı ---- */
body.st-giris .stg-ipucu { margin: 8px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--g-mut); }
body.st-giris .stg-captcha { margin: 0 0 16px; }
body.st-giris .stg-hata { margin: 4px 0 0; padding: 12px 14px; font-size: 13.5px; line-height: 1.45; font-weight: 600; color: #b3261e; background: #fcebe9; border: 1px solid #e9b4b0; border-radius: 10px; }
html[data-theme="dark"] body.st-giris .stg-hata { color: #ff8a80; background: #2c1614; border-color: #5c2a26; }
body.st-giris .stg-hata[hidden] { display: none; }
body.st-giris .login-form .form-control.bad { border-color: #b3261e; box-shadow: 0 0 0 4px rgba(179, 38, 30, .14); }
body.st-giris .stg-kayit-not { margin: 14px 0 0; font-size: 14px; color: var(--g-mut); }
body.st-giris .stg-kayit-not a { color: var(--g-fg); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--g-soft); }
body.st-giris .stg-kayit-not a:hover { text-decoration-color: currentColor; }
body.st-giris .stg-yardim { margin: 10px 0 0; }
body.st-giris .stg-alt { margin: clamp(28px, 6vh, 64px) 0 0; padding-top: 16px; border-top: 1px solid var(--g-line); font-size: 12px; color: var(--g-mut); }
body.st-giris .toast-top-full-width { top: 12px; }

/* ---- Cast Paneli kimlik ekranları (profil/core/kimlik.php: şifre unuttum · bağlantı gönderildi · yeni şifre): giriş ekranıyla AYNI kabuk ---- */
body.st-giris .kk-kutu .kk-bas { margin: 0 0 clamp(20px, 3.4vh, 32px); }
body.st-giris .kk-kutu .kk-bas h2 { margin: 0; font-size: clamp(32px, 3.6vw, 48px); line-height: 1.04; font-weight: 700; letter-spacing: -.03em; color: var(--g-fg); text-transform: none; }
body.st-giris .kk-kutu .kk-bas p { max-width: 46ch; margin: clamp(8px, 1.6vh, 14px) 0 0; font-size: 16px; line-height: 1.5; color: var(--g-mut); }
body.st-giris .kk-kutu .kk-rozet { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0 0 18px; border-radius: 50%; background: var(--g-btn); color: var(--g-btn-fg); }
body.st-giris .kk-kutu .kk-rozet.uyari { background: #fcf0d3; color: #8f5f00; border: 1px solid #8f5f00; }
body.st-giris .kk-kutu .kk-i { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.st-giris .kk-kutu .kk-rozet .kk-i { width: 24px; height: 24px; }
body.st-giris .kk-f { margin: 0 0 18px; min-width: 0; }
body.st-giris .kk-f > label { display: block; margin: 0 0 8px; padding: 0; font-size: 13px; font-weight: 700; color: var(--g-fg); }
body.st-giris .kk-f input[type=text], body.st-giris .kk-f input[type=email], body.st-giris .kk-f input[type=password] { display: block; width: 100%; height: 52px; margin: 0; padding: 12px 16px; background: var(--g-field); color: var(--g-field-fg); border: 1px solid var(--g-field-line); border-radius: 10px; box-shadow: none; font-size: 15px; line-height: 1.3; transition: border-color .15s, box-shadow .15s; }
body.st-giris .kk-f input::placeholder { color: var(--g-ph); }
body.st-giris .kk-f input:focus { outline: 0; border-color: var(--g-fg); box-shadow: 0 0 0 4px var(--g-ring); }
body.st-giris .kk-f input.bad { border-color: #b3261e; box-shadow: 0 0 0 4px rgba(179, 38, 30, .14); }
body.st-giris .kk-ipucu { margin: 8px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--g-mut); }
body.st-giris .kk-sifre { position: relative; }
body.st-giris .kk-sifre input { padding-right: 52px !important; }
body.st-giris .kk-goz { position: absolute; right: 7px; top: 8px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; background: transparent; border: 0; border-radius: 8px; color: var(--g-mut); cursor: pointer; }
body.st-giris .kk-goz:hover { background: var(--g-soft); color: var(--g-fg); }
body.st-giris .kk-goz .kk-goz-gizle { display: none; } body.st-giris .kk-goz[aria-pressed="true"] .kk-goz-gizle { display: inline; } body.st-giris .kk-goz[aria-pressed="true"] .kk-goz-goster { display: none; }
body.st-giris .kk-guc-satir { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
body.st-giris .kk-guc { display: flex; flex: 1 1 auto; gap: 4px; } body.st-giris .kk-guc i { flex: 1; height: 4px; border-radius: 2px; background: var(--g-soft); transition: background-color .2s; }
body.st-giris .kk-guc[data-s="1"] i:nth-child(-n+1) { background: #b3261e; } body.st-giris .kk-guc[data-s="2"] i:nth-child(-n+2) { background: #c98a00; } body.st-giris .kk-guc[data-s="3"] i:nth-child(-n+3), body.st-giris .kk-guc[data-s="4"] i { background: #187a41; }
body.st-giris .kk-guc-ad { flex: 0 0 auto; min-width: 2.8em; font-size: 12px; font-weight: 700; text-align: right; color: var(--g-mut); }
body.st-giris .kk-captcha { margin: 0 0 16px; }
body.st-giris .kk-hata, body.st-giris .kk-ok { margin: 4px 0 14px; padding: 12px 14px; font-size: 13.5px; line-height: 1.45; font-weight: 600; color: #b3261e; background: #fcebe9; border: 1px solid #e9b4b0; border-radius: 10px; overflow-wrap: anywhere; }
body.st-giris .kk-ok { color: #187a41; background: #e5f4ea; border-color: #a8d5b8; }
html[data-theme="dark"] body.st-giris .kk-hata { color: #ff8a80; background: #2c1614; border-color: #5c2a26; }
html[data-theme="dark"] body.st-giris .kk-ok { color: #5fd39a; background: #14271e; border-color: #24503a; }
body.st-giris .kk-hata[hidden], body.st-giris .kk-ok[hidden] { display: none; }
body.st-giris .kk-btn { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; height: 56px; margin: 4px 0 0; padding: 0 22px; background: var(--g-btn); border: 0; border-radius: 10px; color: var(--g-btn-fg); font-size: 16px; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; }
body.st-giris .kk-btn:hover, body.st-giris .kk-btn:focus { background: var(--g-btn-hover); color: var(--g-btn-fg); text-decoration: none; }
body.st-giris .kk-btn[disabled] { opacity: .55; cursor: not-allowed; }
body.st-giris .kk-btn.hafif { background: transparent; border: 1px solid var(--g-field-line); color: var(--g-fg); }
body.st-giris .kk-btn.hafif:hover { background: var(--g-soft); color: var(--g-fg); }
body.st-giris .kk-alt-not { margin: 16px 0 0; font-size: 14px; color: var(--g-mut); }
body.st-giris .kk-alt-not a { color: var(--g-fg); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--g-soft); }
body.st-giris .kk-alt-not a:hover { text-decoration-color: currentColor; }

/* ---- koyu mod: tek büyük portre + küçük çerçeveli ikinci portre, slogan görselin üstünde ---- */
html[data-theme="dark"] body.st-giris .stg-sayfa { padding: 0; column-gap: 0; }
html[data-theme="dark"] body.st-giris .stg-bar { position: absolute; top: 0; left: 0; right: 0; z-index: 5; padding: 22px clamp(20px, 3.6vw, 56px); border-bottom: 0; }
html[data-theme="dark"] body.st-giris .stg-sol { grid-row: 1 / span 2; justify-content: flex-end; padding: 0; overflow: hidden; background: #0b0b0c; }
html[data-theme="dark"] body.st-giris .stg-vitrin { position: absolute; inset: 0; max-width: none; aspect-ratio: auto; }
html[data-theme="dark"] body.st-giris .stg-vitrin::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(11, 11, 12, .55) 0, rgba(11, 11, 12, 0) 24%, rgba(11, 11, 12, 0) 48%, rgba(11, 11, 12, .92) 100%), linear-gradient(90deg, rgba(11, 11, 12, 0) 62%, #0b0b0c 100%); }
html[data-theme="dark"] body.st-giris .stg-foto { background: #141416; }
html[data-theme="dark"] body.st-giris .stg-foto-1 { left: 0; top: 0; width: 100%; height: 100%; }
html[data-theme="dark"] body.st-giris .stg-foto-1 img { object-position: 50% 8%; }
html[data-theme="dark"] body.st-giris .stg-foto-2 { z-index: 3; left: clamp(24px, 6vw, 96px); top: auto; bottom: clamp(250px, 40vh, 350px); width: clamp(110px, 12vw, 190px); height: auto; aspect-ratio: 3 / 4; outline: 1px solid rgba(244, 241, 234, .55); outline-offset: 6px; }
html[data-theme="dark"] body.st-giris .stg-foto-3, html[data-theme="dark"] body.st-giris .stg-dikey { display: none; }
html[data-theme="dark"] body.st-giris .stg-slogan { position: relative; z-index: 4; padding: 0 clamp(24px, 4vw, 72px) clamp(88px, 11vh, 112px) clamp(24px, 6vw, 96px); }   /* R28 (ekran denetimi): alttaki "OYUNCU VE MODEL AJANSI" etiketini sol alttaki yüzen "Çerez Tercihleri" düğmesi örtüyordu */
html[data-theme="dark"] body.st-giris .stg-s-a { display: none; }
html[data-theme="dark"] body.st-giris .stg-s-k { display: inline; }
html[data-theme="dark"] body.st-giris .stg-etiket { margin: clamp(10px, 2vh, 18px) 0 0; order: 2; }
html[data-theme="dark"] body.st-giris .stg-slogan { display: flex; flex-direction: column; }
html[data-theme="dark"] body.st-giris .stg-baslik { order: 1; }
html[data-theme="dark"] body.st-giris .stg-ana { grid-column: 2; grid-row: 1 / span 2; padding: clamp(80px, 11vh, 120px) clamp(20px, 4vw, 72px) 28px; }
html[data-theme="dark"] body.st-giris .stg-alt { border-top-color: var(--g-soft); }

/* ---- dar ekran: tek sütun (üstte portreler + slogan, altta form) ---- */
@media (max-width: 900px) {
	body.st-giris .stg-sayfa { display: block; padding: 0 clamp(16px, 5vw, 28px); }
	body.st-giris .stg-bar { padding: 16px 0 12px; }
	body.st-giris .stg-sol { padding: 22px 0 6px; gap: 18px; }
	body.st-giris .stg-vitrin { max-width: none; }
	body.st-giris .stg-dikey { display: none; }
	body.st-giris .stg-baslik { font-size: clamp(38px, 11vw, 60px); }
	body.st-giris .stg-ana { max-width: none; padding: 18px 0 24px; }
	body.st-giris .login-form .login-header h1.st-login-baslik { font-size: clamp(34px, 10vw, 46px); }
	html[data-theme="dark"] body.st-giris .stg-sayfa { padding: 0; }
	html[data-theme="dark"] body.st-giris .stg-bar { position: absolute; padding: 16px clamp(16px, 5vw, 28px); }
	html[data-theme="dark"] body.st-giris .stg-sol { min-height: 430px; padding: 0; }
	html[data-theme="dark"] body.st-giris .stg-foto-2 { left: clamp(16px, 5vw, 28px); bottom: 215px; width: 28vw; max-width: 140px; }
	html[data-theme="dark"] body.st-giris .stg-slogan { padding: 0 clamp(16px, 5vw, 28px) 28px; }
	html[data-theme="dark"] body.st-giris .stg-ana { padding: 26px clamp(16px, 5vw, 28px) 24px; }
}
@media (max-width: 480px) {
	body.st-giris .stg-ad { letter-spacing: .26em; }
	body.st-giris .login-form .form-group .form-control, body.st-giris .login-form .form-group .form-control.input-dark { height: 50px; }
}
@media (prefers-reduced-motion: reduce) { body.st-giris * { transition: none !important; } }