.login-visual{overflow:hidden!important}.login-mosque-art{left:69%!important;bottom:-7%!important;width:min(150%,1080px)!important;height:112%!important;opacity:.86!important;filter:drop-shadow(0 25px 30px rgba(19,43,55,.16))!important}.login-institution-header{position:absolute;z-index:5;top:6.5%;left:50%;display:flex;align-items:center;gap:18px;width:min(650px,72%);transform:translateX(-50%)}.login-institution-header .login-authority,.login-institution-header .login-brand-logo{position:static!important;margin:0!important;transform:none!important}.login-institution-header .login-authority{display:grid!important;place-items:center;width:108px!important;height:108px!important;flex:0 0 108px;padding:10px!important;border:1px solid rgba(180,197,190,.65)!important;border-radius:24px!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(24,53,65,.12)!important}.login-institution-header .login-authority img{width:88px!important;height:88px!important;object-fit:contain}.login-institution-header .login-brand-logo{width:min(390px,calc(100% - 126px))!important;max-height:174px!important;object-fit:contain;padding:13px 20px!important;border:1px solid rgba(180,197,190,.65)!important;border-radius:24px!important;background:rgba(255,255,255,.8)!important;backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(24,53,65,.12)!important}.login-visual-copy{position:absolute!important;left:7%!important;bottom:11%!important;width:min(430px,51%)!important;padding:27px 30px!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:25px!important;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.48))!important;backdrop-filter:blur(20px) saturate(135%);box-shadow:0 22px 55px rgba(22,52,61,.16)!important}.login-visual-copy h1,.login-visual-copy h2{color:#112f45!important}.login-visual-copy p{color:#385564!important}.login-trust-row{position:absolute!important;left:7%!important;bottom:4.5%!important;width:auto!important}.login-form-shell{width:min(585px,calc(100% - 34px))!important;padding:38px 42px!important}.login-form-side{padding-left:28px!important;padding-right:28px!important}.login-input-wrap{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease!important}.login-input-wrap:focus-within{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(14,118,82,.1),0 12px 25px rgba(23,62,88,.08)!important}.login-input-wrap:focus-within>i{color:#0e7652;transform:scale(1.08)}.login-input-wrap>i{transition:.2s}.captcha-grid{grid-template-columns:190px minmax(0,1fr)!important;gap:12px!important}.captcha-image-wrap,.captcha-grid .login-input-wrap{height:60px!important}.captcha-expiry{--captcha-progress:100%;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;margin-top:9px;color:#62756c;font-size:11px}.captcha-expiry>i{grid-row:1/3;color:#15815b}.captcha-expiry b{grid-column:2;height:4px;overflow:hidden;border-radius:99px;background:#e4ece8}.captcha-expiry b i{display:block;width:var(--captcha-progress);height:100%;border-radius:inherit;background:#16865e;transition:width 1s linear}.captcha-expiry.is-expiring{color:#9a680f}.captcha-expiry.is-expiring b i{background:#d59621}.captcha-expiry.is-expired{color:#b43e3e}.captcha-expiry.is-expired b i{background:#c54141}.caps-lock-warning{margin-top:7px;color:#ad6d0d;font-size:11px;font-weight:750}.caps-lock-warning i{margin-right:5px}.remember-username{display:flex;align-items:flex-start;gap:10px;margin:2px 0 17px;padding:12px 13px;border:1px solid #e0e8e4;border-radius:13px;background:#f8fbf9;cursor:pointer}.remember-username input{position:absolute;opacity:0}.remember-username>span{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border:1.5px solid #b8c8c0;border-radius:6px;background:#fff;color:transparent;transition:.2s}.remember-username input:checked+span{border-color:#14805a;background:#14805a;color:#fff}.remember-username strong,.remember-username small{display:block}.remember-username strong{color:#29465a;font-size:11px}.remember-username small{margin-top:2px;color:#788980;font-size:9px}.login-attempt-status{display:flex;align-items:center;gap:9px;margin:-6px 0 15px;padding:11px 13px;border:1px solid #efd49d;border-radius:13px;background:#fff8e9;color:#835c16;font-size:11px}.login-attempt-status.is-locked{border-color:#ecc6c6;background:#fff1f1;color:#a33232}
@media(max-width:1200px){.login-mosque-art{left:72%!important;width:165%!important}.login-institution-header{width:78%}.login-visual-copy{width:58%!important}.login-form-shell{padding:34px!important}}
@media(max-width:900px){.login-form-shell{width:min(570px,calc(100% - 24px))!important}.login-form-side{padding:18px 12px!important}}
@media(max-width:560px){.login-form-shell{padding:25px 21px!important}.captcha-grid{grid-template-columns:1fr!important}.captcha-image-wrap{height:64px!important}.captcha-image-wrap img{width:100%!important;height:64px!important;object-fit:fill}.captcha-grid .login-input-wrap{height:55px!important}}

/* Masaüstünde giriş ekranını tarayıcı yüksekliğine dengeli biçimde sığdır. */
@media(min-width:851px){
  html,body{height:100%;overflow:hidden}
  .login-page{height:100dvh;min-height:0;overflow:hidden}
  .login-visual,.login-form-side{height:100dvh;min-height:0}
  .login-form-side{
    justify-content:center;
    gap:10px;
    overflow:hidden;
    padding-top:14px!important;
    padding-bottom:12px!important
  }
  .login-form-shell{
    flex:0 1 auto;
    margin:0 auto!important;
    padding:26px 36px!important
  }
  .login-form-heading{margin-bottom:16px}
  .login-secure-badge{margin-bottom:9px;padding:5px 10px}
  .login-form-heading h2{font-size:1.78rem;line-height:1.12}
  .login-form-heading p{margin-top:5px;font-size:.88rem}
  .login-alert{margin-bottom:12px;padding:10px 12px}
  .login-field{margin-bottom:12px}
  .login-field label{margin-bottom:5px}
  .login-input-wrap .form-control{height:48px}
  .captcha-image-wrap,.captcha-grid .login-input-wrap{height:52px!important}
  .captcha-image-wrap img{height:52px!important}
  .captcha-expiry{margin-top:6px}
  .remember-username{margin:1px 0 10px;padding:8px 11px}
  .remember-username>span{width:19px;height:19px;flex-basis:19px}
  .login-attempt-status{margin:-2px 0 10px;padding:8px 11px}
  .login-helper{margin:0 0 10px}
  .login-submit{height:48px!important;min-height:48px!important}
  .login-security-note{margin-top:11px;padding:9px 11px}
  .login-footer{flex:0 0 auto;margin:0 auto!important;line-height:1.25}
  .login-footer span{margin-top:2px}
  .login-footer small{margin-top:2px}
}

/* Alçak dizüstü ekranlarında ikincil metinleri ve aralıkları biraz daha küçült. */
@media(min-width:851px) and (max-height:850px){
  .login-form-side{gap:6px;padding-top:8px!important;padding-bottom:7px!important}
  .login-form-shell{padding:18px 30px!important}
  .login-form-heading{margin-bottom:10px}
  .login-form-heading p{font-size:.82rem}
  .login-field{margin-bottom:8px}
  .login-input-wrap .form-control{height:44px}
  .captcha-image-wrap,.captcha-grid .login-input-wrap{height:47px!important}
  .captcha-image-wrap img{height:47px!important}
  .captcha-expiry{margin-top:4px}
  .remember-username{margin-bottom:7px;padding:6px 9px}
  .remember-username small{display:none}
  .login-helper{margin-bottom:7px}
  .login-submit{height:44px!important;min-height:44px!important}
  .login-security-note{margin-top:7px;padding:7px 10px}
  .login-footer .login-contact,.login-footer>small:first-of-type{display:none}
}

/* Mobilde içerik doğal akışta ve kontrollü şekilde kaydırılabilir kalsın. */
@media(max-width:850px){
  html,body{height:auto;overflow-x:hidden;overflow-y:auto}
  .login-page{height:auto;min-height:100dvh;overflow:visible}
  .login-form-side{height:auto;min-height:100dvh;overflow:visible}
}