/* UGBS v7.0.7 — Şeffaf ve açık zeminli kurs camisi */
.login-page{
  background:
    radial-gradient(circle at 14% 12%,rgba(201,160,73,.09),transparent 25%),
    radial-gradient(circle at 72% 90%,rgba(32,111,94,.08),transparent 29%),
    #f7f9fb!important;
}
.login-visual{
  overflow:hidden;
  border-right:1px solid rgba(207,216,223,.75);
  background:transparent!important;
}
.login-visual:before{
  z-index:1!important;
  background:linear-gradient(180deg,transparent 62%,rgba(245,248,250,.58) 100%)!important;
}
.login-visual:after{
  z-index:1!important;
  background:repeating-linear-gradient(45deg,rgba(21,64,70,.018) 0 1px,transparent 1px 13px)!important;
}
.login-mosque-art{
  position:absolute;
  z-index:0;
  left:72%;
  bottom:-1px;
  width:min(125%,1320px);
  height:102%;
  transform:translateX(-50%);
  object-fit:contain;
  object-position:center bottom;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 24px 38px rgba(21,48,58,.2));
}
.login-visual-content{position:relative;z-index:2}
.login-authority{position:absolute!important;z-index:3}
.login-brand-logo{
  position:absolute!important;
  z-index:3;
  top:30px;
  left:clamp(170px,16vw,250px);
  margin:0!important;
}
.login-visual-copy,.login-trust-row{position:relative;z-index:3}
.login-visual-copy{
  width:min(510px,60%);
  border-color:rgba(207,216,223,.9)!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 18px 45px rgba(32,57,69,.12)!important;
}
.login-visual-copy h2{color:#17334b!important}
.login-visual-copy p{color:#536975!important}
.login-eyebrow{color:#9a6a15!important}
.login-trust-row>div{
  border-color:rgba(199,211,218,.95)!important;
  background:rgba(255,255,255,.86)!important;
  color:#244052!important;
  box-shadow:0 9px 24px rgba(31,57,69,.08);
}
.login-trust-row i{color:#147a52!important}
.login-authority,.login-brand-logo{
  border-color:rgba(205,215,221,.95)!important;
  box-shadow:0 15px 36px rgba(31,56,69,.12)!important;
}
.login-trust-row{width:min(510px,60%)}

@media(max-width:900px){
  .login-mosque-art{left:72%;width:min(125%,900px);height:105%}
  .login-brand-logo{top:20px;left:112px;width:205px!important}
  .login-visual-copy,.login-trust-row{width:min(470px,64%)}
}
@media(max-width:560px){
  .login-mosque-art{left:76%;width:145%;height:94%;opacity:.72}
  .login-brand-logo{top:20px;left:104px;width:175px!important}
  .login-visual-copy{width:76%;padding:14px 16px!important}
  .login-trust-row{display:none!important}
}