:root{--corp-navy:#0d2b55;--corp-blue:#164785;--corp-line:#dce5f0;--corp-muted:#68798e}
html,body{min-height:100%;background:#f7f9fc}
.login-page{grid-template-columns:minmax(620px,52.5%) minmax(570px,47.5%);min-height:100vh;background:#f7f9fc}
.login-visual{position:relative;isolation:isolate;align-items:stretch;padding:0;overflow:hidden;background-image:linear-gradient(90deg,rgba(236,246,255,.92) 0%,rgba(225,239,253,.8) 49%,rgba(221,237,252,.43) 100%),url('../img/kurs-drone-login.jpg')!important;background-size:cover!important;background-position:center!important;color:var(--corp-navy);clip-path:ellipse(112% 78% at 0 48%)}
.login-visual:before{inset:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 66%,rgba(255,255,255,.62))!important}
.login-visual:after{display:none!important}
.login-visual-overlay{inset:0;background:linear-gradient(90deg,rgba(245,250,255,.42),transparent 70%)!important;mask-image:none!important}
.login-mosque-art{display:none!important}
.login-visual-content{z-index:3;width:100%;max-width:none;margin:0;padding:7.5vh 7% 14vh;color:var(--corp-navy)}
.login-institution-header{display:flex!important;align-items:center!important;gap:26px!important;width:max-content;max-width:86%;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.login-authority{display:flex;align-items:center;justify-content:center;width:92px!important;height:92px!important;padding:4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.login-authority img{width:100%!important;height:100%!important;object-fit:contain!important}
.login-brand-logo{width:190px!important;max-height:92px!important;margin:0!important;padding:0 0 0 25px!important;border-left:1px solid rgba(13,43,85,.18);border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain}
.login-visual-copy{position:absolute;left:7%;top:30%;width:min(590px,76%);padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:var(--corp-navy)!important}
.login-eyebrow,.login-visual-copy h1{display:none!important}
.login-visual-copy h2{margin:0 0 20px!important;color:var(--corp-navy)!important;font-size:clamp(2.7rem,4vw,4.55rem)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.035em!important}
.login-visual-copy p{max-width:560px!important;color:#52667e!important;font-size:clamp(1rem,1.15vw,1.22rem)!important;line-height:1.65!important}
.login-trust-row{position:absolute;left:7%;top:61%;gap:26px!important;margin:0!important}
.login-trust-row>div{min-height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;color:var(--corp-navy)!important;font-size:1rem!important}
.login-trust-row i{color:var(--corp-navy)!important;font-size:1.25rem}
.login-visual-security{position:absolute;z-index:4;left:0;right:6%;bottom:0;display:flex;align-items:center;gap:18px;min-height:105px;padding:22px 8%;border-top:1px solid rgba(13,43,85,.1);background:rgba(255,255,255,.82);color:#607087;font-size:.9rem;line-height:1.6;backdrop-filter:blur(10px)}
.login-visual-security i{color:var(--corp-navy);font-size:1.8rem}.login-visual-security strong{color:var(--corp-navy)}
.login-form-side{position:relative;z-index:4;justify-content:center;padding:30px clamp(30px,5vw,82px) 22px;background:radial-gradient(circle at 100% 0,#eaf3ff 0,transparent 34%),#f8fafc}
.login-form-shell{width:min(650px,100%)!important;margin:auto;padding:34px 42px 30px;border:1px solid rgba(171,189,211,.55);border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(25,57,93,.1)}
.login-form-heading{text-align:center;margin-bottom:22px!important}
.login-heading-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 13px;border:1px solid #d6e2f0;border-radius:14px;background:#edf4fd;color:var(--corp-navy);font-size:1.3rem;box-shadow:0 8px 20px rgba(21,64,112,.08)}
.login-secure-badge{display:none!important}
.login-form-heading h2{color:#0a2850!important;font-size:2rem!important}.login-form-heading p{margin-top:7px!important}
.login-field{margin-bottom:15px!important}.login-field label{color:#1d314c!important}
.login-input-wrap .form-control{height:52px!important;border-color:#cedae8!important;border-radius:10px!important;background:#fff!important}.login-input-wrap .form-control:focus{border-color:#2c64a6!important;box-shadow:0 0 0 4px rgba(44,100,166,.1)!important}
.captcha-grid{grid-template-columns:184px minmax(0,1fr) 52px!important;gap:10px!important}.captcha-image-wrap{height:52px!important;border-radius:10px!important}.captcha-refresh-button{display:grid;place-items:center;width:52px;height:52px;border:1px solid #cedae8;border-radius:10px;background:#fff;color:#526a84;font-size:1.1rem;transition:.18s}.captcha-refresh-button:hover{border-color:#2c64a6;color:#174f8d;background:#f1f6fc;transform:rotate(12deg)}
.captcha-case-note{margin-top:7px!important}.captcha-expiry{margin-top:5px!important}
.remember-username{margin-top:11px!important}.login-helper{display:none!important}
.login-submit{min-height:52px!important;border-radius:10px!important;background:linear-gradient(100deg,#092d62,#174d91)!important;box-shadow:0 13px 26px rgba(13,51,101,.18)!important}
.login-security-note{margin-top:13px!important;padding:0!important;border:0!important;background:transparent!important;color:#7b899a}.login-security-note>i{color:#617690!important}.login-security-note strong{display:none!important}.login-security-note span{font-size:.72rem!important}
.login-access-divider{display:flex;align-items:center;gap:12px;margin:13px 0 10px;color:#8b98a8;font-size:.72rem}.login-access-divider:before,.login-access-divider:after{content:'';height:1px;flex:1;background:#e0e6ee}
.login-superadmin-entry{min-height:50px!important;border:1px solid #d7e0eb!important;border-radius:10px!important;background:#fff!important;color:#17385f!important;box-shadow:none!important}
.login-footer{margin-top:16px!important}.login-footer span,.login-footer .login-contact{display:none!important}
@media(max-height:900px) and (min-width:851px){.login-form-side{padding-top:14px;padding-bottom:12px}.login-form-shell{padding:22px 34px 20px}.login-heading-icon{width:44px;height:44px;margin-bottom:8px}.login-form-heading{margin-bottom:15px!important}.login-form-heading h2{font-size:1.7rem!important}.login-field{margin-bottom:10px!important}.login-input-wrap .form-control{height:47px!important}.captcha-grid{grid-template-columns:170px minmax(0,1fr) 47px!important}.captcha-image-wrap,.captcha-refresh-button{height:47px!important}.captcha-refresh-button{width:47px}.login-submit{min-height:47px!important}.login-footer{margin-top:8px!important}}
@media(max-width:1100px) and (min-width:851px){.login-page{grid-template-columns:46% 54%}.login-visual-copy{width:82%}.login-visual-copy h2{font-size:2.65rem!important}.login-form-side{padding-left:28px;padding-right:28px}}
@media(max-width:850px){html,body{width:100%;min-width:0;overflow-x:hidden}.login-page{display:block;width:100%;min-height:100dvh}.login-visual{display:none!important}.login-form-side{width:100%;min-width:0;min-height:100dvh;justify-content:flex-start;padding:16px 14px 20px;overflow-x:hidden}.login-mobile-brand{display:block!important;flex:0 0 auto;text-align:center;margin:0 auto 12px}.login-mobile-brand img{display:block;width:min(190px,54vw)!important;max-height:76px;margin:auto;object-fit:contain}.login-form-shell{flex:0 0 auto;width:100%!important;min-width:0;margin:0 auto;padding:24px 20px;border-radius:20px}.login-form-shell form,.login-field,.login-input-wrap{min-width:0}.login-input-wrap .form-control{width:100%;min-width:0}.captcha-grid{grid-template-columns:145px minmax(0,1fr) 48px!important}.captcha-image-wrap,.captcha-refresh-button{height:48px!important}.captcha-refresh-button{width:48px}.maintenance-shell{padding:22px 18px!important}.maintenance-login-view{min-width:0}.maintenance-countdown{max-width:100%;overflow:hidden}.login-footer{flex:0 0 auto;width:100%;margin-top:14px!important;padding:0 10px 6px}.login-footer strong,.login-footer small{overflow-wrap:anywhere}.login-access-divider{margin-top:15px}}
@media(max-width:520px){.login-form-side{padding:10px 9px 16px}.login-mobile-brand{margin-bottom:8px}.login-mobile-brand img{width:min(168px,50vw)!important;max-height:65px}.login-form-shell{padding:19px 14px 18px;border-radius:18px;box-shadow:0 16px 36px rgba(25,57,93,.09)}.login-form-heading{margin-bottom:16px!important}.login-form-heading h2{font-size:1.58rem!important}.login-form-heading p{font-size:.82rem;line-height:1.4}.login-heading-icon{width:43px;height:43px;margin-bottom:8px;font-size:1.05rem}.login-field{margin-bottom:12px!important}.login-field label{margin-bottom:5px}.login-input-wrap .form-control{height:48px!important;padding-left:41px;padding-right:42px;font-size:.88rem}.captcha-grid{grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important}.captcha-image-wrap{grid-column:1;width:100%!important;height:48px!important;margin:0!important}.captcha-grid>.login-input-wrap{grid-column:1/-1;grid-row:2}.captcha-refresh-button{grid-column:2;grid-row:1;width:44px;height:48px!important}.login-captcha-field input,.login-captcha-field input::placeholder{font-size:.78rem!important}.captcha-case-note{font-size:.66rem!important;line-height:1.35}.captcha-expiry{font-size:.68rem!important}.remember-username{align-items:flex-start!important;padding:9px!important}.remember-username small{line-height:1.35}.login-submit{min-height:48px!important}.login-security-note{align-items:flex-start}.login-security-note span{font-size:.67rem!important;line-height:1.4}.login-superadmin-entry{padding-left:11px!important;padding-right:11px!important;font-size:.78rem}.login-footer{font-size:.72rem}.maintenance-countdown{gap:3px!important}.maintenance-countdown strong{font-size:1rem!important}}
@media(max-width:360px){.login-form-side{padding-left:6px;padding-right:6px}.login-form-shell{padding-left:11px;padding-right:11px}.login-mobile-brand img{width:150px!important}.login-form-heading h2{font-size:1.42rem!important}.login-input-wrap .form-control{font-size:.82rem}.login-input-wrap .form-control::placeholder{font-size:.76rem}.captcha-grid{grid-template-columns:minmax(0,1fr) 42px!important}.captcha-refresh-button{width:42px}.remember-username small{font-size:.59rem!important}}

/* v9.4.2: Mobil cihazlar için bağımsız, kısa ve fotoğraflı giriş deneyimi. */
@media(max-width:850px){
  body{background:#eef5f8!important}
  .login-form-side{position:relative;display:flex;padding:0 12px 18px!important;background:linear-gradient(180deg,transparent 0 128px,#eef5f8 128px,#f7fafb 100%)!important}
  .login-form-side:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:174px;background:linear-gradient(180deg,rgba(7,42,77,.18),rgba(12,82,99,.56)),url('../img/kurs-drone-login.jpg') center 47%/cover no-repeat}
  .login-form-side:after{content:"";position:absolute;z-index:-1;top:132px;left:0;right:0;height:70px;border-radius:42% 42% 0 0/22px 22px 0 0;background:#eef5f8}
  .login-mobile-brand{position:relative;z-index:2;display:flex!important;align-items:center;justify-content:center;width:172px;height:66px;margin:22px auto 14px!important;padding:8px 14px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(6,39,70,.16);backdrop-filter:blur(10px)}
  .login-mobile-brand img{width:142px!important;max-height:50px!important}
  .login-form-shell{position:relative;z-index:2;margin:0 auto!important;padding:22px 18px 19px!important;border:1px solid rgba(204,219,229,.9)!important;border-radius:25px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 20px 44px rgba(27,60,78,.11)!important}
  .login-form-shell:before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#1aa2a2,#175a91)}
  .login-heading-icon{display:none!important}
  .login-form-heading{margin-bottom:17px!important;text-align:left!important}
  .login-form-heading h2{font-size:1.72rem!important;line-height:1.15!important;letter-spacing:-.025em!important}
  .login-form-heading p{margin-top:5px!important;font-size:.78rem!important;line-height:1.4!important}
  .login-field{margin-bottom:11px!important}
  .login-field label{margin-bottom:5px!important;font-size:.76rem!important}
  .login-input-wrap .form-control{height:46px!important;border-radius:12px!important;font-size:.84rem!important}
  .password-toggle{right:7px;width:34px;height:34px}
  .captcha-label-row{margin-bottom:5px!important}
  .captcha-grid{grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important}
  .captcha-image-wrap{grid-column:1;grid-row:1;width:100%!important;height:46px!important;border-radius:12px!important}
  .captcha-refresh-button{grid-column:2;grid-row:1;width:44px;height:46px!important;border-radius:12px!important}
  .captcha-grid>.login-input-wrap{grid-column:1/-1;grid-row:2}
  .captcha-case-note{margin:6px 2px 0!important;font-size:.63rem!important}
  .captcha-expiry{margin:4px 2px 0!important;font-size:.65rem!important}
  .captcha-expiry b{height:3px!important;margin-top:4px!important}
  .remember-username{min-height:48px;margin-top:9px!important;padding:8px 10px!important;border-radius:13px!important}
  .remember-username>span{width:26px!important;height:26px!important;flex:0 0 26px!important;border-radius:8px!important}
  .remember-username strong{font-size:.74rem!important}.remember-username small{font-size:.58rem!important}
  .login-submit{min-height:47px!important;margin-top:11px;border-radius:12px!important;font-size:.84rem!important}
  .login-security-note{gap:8px!important;margin:11px 3px 0!important}.login-security-note>i{font-size:.85rem!important}.login-security-note span{font-size:.62rem!important}
  .login-access-divider{margin:12px 0 9px!important;font-size:.64rem!important}
  .login-superadmin-entry{min-height:45px!important;border-radius:12px!important;font-size:.74rem!important}
  .login-footer{margin-top:10px!important;padding-bottom:2px!important}.login-footer strong{font-size:.73rem!important}.login-footer small{font-size:.62rem!important}
}
@media(max-width:390px){
  .login-form-side{padding-left:8px!important;padding-right:8px!important}
  .login-mobile-brand{width:154px;height:59px;margin-top:18px!important}.login-mobile-brand img{width:128px!important}
  .login-form-shell{padding:19px 13px 17px!important;border-radius:22px!important}
  .login-form-heading h2{font-size:1.55rem!important}.login-form-heading p{font-size:.72rem!important}
  .login-input-wrap .form-control{height:44px!important;padding-left:39px!important;font-size:.8rem!important}
  .captcha-image-wrap,.captcha-refresh-button{height:44px!important}.captcha-refresh-button{width:42px!important}
}

/* v9.4.3: Eski mobil kuralların oluşturduğu çift yükseklik ve odak kaymasını giderir. */
@media(max-width:850px){
  .login-mobile-brand{width:176px!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  .login-mobile-brand img{width:176px!important;max-height:64px!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.85);border-radius:18px;background:#fff;box-shadow:0 12px 27px rgba(6,39,70,.18);object-fit:contain}
  .login-input-wrap{height:46px!important;min-height:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}
  .login-input-wrap:focus-within{height:46px!important;min-height:0!important;transform:none!important;box-shadow:none!important}
  .login-input-wrap>i{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
  .login-input-wrap:focus-within>i{transform:translateY(-50%) scale(1.06)!important}
  .login-input-wrap .form-control{display:block;height:46px!important;min-height:46px!important;margin:0!important;box-shadow:none!important}
  .login-input-wrap .form-control:focus{box-shadow:0 0 0 4px rgba(44,100,166,.1)!important}
  .captcha-image-wrap{height:46px!important;min-height:46px!important}
  .captcha-image-wrap img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:fill!important}
  .captcha-grid>.login-input-wrap,.captcha-grid>.login-input-wrap:focus-within{height:46px!important;min-height:46px!important}
}
@media(max-width:390px){
  .login-mobile-brand{width:158px!important}.login-mobile-brand img{width:158px!important;max-height:58px!important}
  .login-input-wrap,.login-input-wrap:focus-within,.login-input-wrap .form-control,.captcha-grid>.login-input-wrap,.captcha-grid>.login-input-wrap:focus-within{height:44px!important;min-height:44px!important}
  .captcha-image-wrap{height:44px!important;min-height:44px!important}
}
