.ma-auth-page{
  --auth-ink:#203354;
  --auth-muted:#6b7b95;
  --auth-line:#dfe7f2;
  --auth-blue:#2878d4;
  --auth-indigo:#5549d8;
  --auth-violet:#7855cb;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(100vh - 116px);
  padding:28px 18px 38px;
  background:
    radial-gradient(circle at 8% 10%,rgba(96,165,250,.18),transparent 27%),
    radial-gradient(circle at 92% 82%,rgba(167,139,250,.16),transparent 30%),
    linear-gradient(145deg,#edf3fa 0%,#f8f9fd 48%,#eef1fb 100%);
}
.ma-auth-page::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.55;
  background-image:
    linear-gradient(rgba(79,70,229,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(79,70,229,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
.ma-auth-shell{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
  width:min(1040px,100%);
  min-height:548px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.94);
  border-radius:28px;
  background:rgba(255,255,255,.76);
  box-shadow:0 34px 80px -46px rgba(32,51,84,.58),inset 0 1px 0 #fff;
  backdrop-filter:blur(20px) saturate(125%);
}
.ma-auth-story{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(125,211,252,.22),transparent 30%),
    radial-gradient(circle at 12% 90%,rgba(216,180,254,.19),transparent 34%),
    linear-gradient(140deg,#294d88 0%,#4d5898 54%,#6d559a 100%);
}
.ma-auth-story::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(145deg,#000,transparent 86%);
}
.ma-auth-story::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:260px;
  height:260px;
  right:-105px;
  bottom:-120px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 76px rgba(255,255,255,.025);
}
.ma-auth-story-badge{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:8px;
  margin-bottom:20px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#e0e7ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
.ma-auth-story-badge i{color:#a5f3fc}
.ma-auth-story h2{
  max-width:470px;
  margin:0;
  color:#fff;
  font-size:clamp(30px,3.2vw,43px);
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.035em;
}
.ma-auth-story h2 span{color:#bfdbfe}
.ma-auth-story>p{
  max-width:470px;
  margin:15px 0 0;
  color:#dbeafe;
  font-size:12px;
  line-height:1.7;
}
.ma-auth-benefits{
  display:grid;
  gap:9px;
  margin:23px 0 0;
  padding:0;
  list-style:none;
}
.ma-auth-benefits li{
  display:flex;
  align-items:center;
  gap:9px;
  color:#eef2ff;
  font-size:10px;
  font-weight:750;
}
.ma-auth-benefits i{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:rgba(255,255,255,.1);
  color:#a7f3d0;
  font-size:8px;
}
.ma-auth-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-top:27px;
}
.ma-auth-proof div{
  padding:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:rgba(19,35,75,.2);
  backdrop-filter:blur(10px);
}
.ma-auth-proof strong{display:block;color:#fff;font-size:13px;font-weight:900}
.ma-auth-proof span{display:block;margin-top:2px;color:#c7d2fe;font-size:7px;font-weight:750}
.ma-auth-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:32px 38px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,249,253,.88));
}
.ma-auth-card-head{margin-bottom:19px}
.ma-auth-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:13px;
  border:1px solid rgba(79,70,229,.12);
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--auth-blue),var(--auth-indigo) 58%,var(--auth-violet));
  box-shadow:0 15px 30px -18px rgba(79,70,229,.85),inset 0 1px 0 rgba(255,255,255,.28);
}
.ma-auth-icon i{font-size:14px}
.ma-auth-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#5967ba;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ma-auth-card h1,.ma-auth-card h2{
  margin:0;
  color:var(--auth-ink);
  font-size:24px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:-.025em;
}
.ma-auth-card-head p{margin:7px 0 0;color:var(--auth-muted);font-size:10px;line-height:1.55}
.ma-auth-form{display:grid;gap:12px}
.ma-auth-field{display:grid;gap:6px;margin:0}
.ma-auth-field-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ma-auth-field label{
  margin:0;
  color:#415473;
  font-size:9px;
  font-weight:850;
}
.ma-auth-field-head a{color:#5b5fc7!important;font-size:8px;font-weight:850;text-decoration:none!important}
.ma-auth-control{position:relative}
.ma-auth-control>i{
  position:absolute;
  z-index:2;
  left:13px;
  top:50%;
  transform:translateY(-50%);
  color:#7786a2;
  font-size:10px;
  pointer-events:none;
}
.ma-auth-control input{
  width:100%;
  height:46px;
  padding:0 42px 0 37px;
  border:1px solid var(--auth-line);
  border-radius:12px;
  outline:0;
  background:rgba(248,250,253,.88);
  color:#223653;
  font-size:11px;
  font-weight:650;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.ma-auth-control input::placeholder{color:#9aa7ba;font-weight:550}
.ma-auth-control input:focus{
  border-color:rgba(79,70,229,.5);
  background:#fff;
  box-shadow:0 0 0 4px rgba(79,70,229,.08),0 10px 24px -20px rgba(32,51,84,.55);
}
.ma-auth-password-toggle{
  position:absolute;
  z-index:3;
  right:7px;
  top:50%;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  transform:translateY(-50%);
  border:0;
  border-radius:9px;
  background:transparent;
  color:#7786a2;
  cursor:pointer;
}
.ma-auth-password-toggle:hover{background:#eef2ff;color:#4f46e5}
.ma-password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.ma-password-meter span{height:3px;border-radius:99px;background:#e2e8f0;transition:.2s}
.ma-password-meter[data-strength="1"] span:nth-child(-n+1){background:#fb7185}
.ma-password-meter[data-strength="2"] span:nth-child(-n+2){background:#fbbf24}
.ma-password-meter[data-strength="3"] span:nth-child(-n+3){background:#38bdf8}
.ma-password-meter[data-strength="4"] span{background:#34d399}
.ma-password-note{color:#8a98ad;font-size:7px;font-weight:700}
.ma-auth-submit{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:45px;
  margin-top:2px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:12px;
  color:#fff;
  background:linear-gradient(110deg,var(--auth-blue),var(--auth-indigo) 58%,var(--auth-violet));
  box-shadow:0 16px 30px -18px rgba(79,70,229,.88),inset 0 1px 0 rgba(255,255,255,.25);
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  transition:.22s;
}
.ma-auth-submit::after{
  content:"";
  position:absolute;
  top:-80%;
  left:-35%;
  width:25%;
  height:240%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transition:left .5s;
}
.ma-auth-submit:hover{transform:translateY(-2px);filter:brightness(1.05);color:#fff}
.ma-auth-submit:hover::after{left:120%}
.ma-auth-trust{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:7px 13px;
  margin-top:13px;
  color:#7a899f;
  font-size:7px;
  font-weight:800;
}
.ma-auth-trust span{display:inline-flex;align-items:center;gap:5px}
.ma-auth-trust i{color:#16a085}
.ma-auth-switch{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid #e8edf4;
  color:#6f7e94;
  text-align:center;
  font-size:9px;
  font-weight:700;
}
.ma-auth-switch a{color:#4f46e5!important;font-weight:900;text-decoration:none!important}
.ma-auth-legal{margin:0;color:#8a98ad;font-size:7px;line-height:1.5;text-align:center}
.ma-auth-legal a{color:#5967ba!important;font-weight:800;text-decoration:none!important}
.ma-auth-remember{
  display:flex!important;
  align-items:center;
  gap:8px;
  width:max-content;
  margin:0!important;
  color:#62718a!important;
  font-size:8px!important;
  font-weight:800!important;
  cursor:pointer;
}
.ma-auth-remember input{position:absolute;opacity:0;pointer-events:none}
.ma-auth-remember>span{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border:1px solid #cfd9e8;
  border-radius:6px;
  background:#f8fafc;
  color:transparent;
  transition:.18s;
}
.ma-auth-remember input:checked+span{border-color:#6259df;background:linear-gradient(135deg,#2878d4,#6d50d4);color:#fff;box-shadow:0 6px 14px -8px #4f46e5}
.ma-auth-remember input:focus-visible+span{outline:3px solid rgba(79,70,229,.14)}
.ma-auth-inline-status{
  display:none;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:10px;
  font-size:8px;
  font-weight:750;
  line-height:1.45;
}
.ma-auth-inline-status.is-error{display:block;border-color:#fecdd3;background:#fff1f2;color:#be123c}
.ma-auth-inline-status.is-success{display:block;border-color:#a7f3d0;background:#ecfdf5;color:#047857}
.ma-auth-control input.is-invalid{border-color:#fb7185;background:#fff7f8;box-shadow:0 0 0 4px rgba(244,63,94,.08)}
.ma-auth-submit:disabled{cursor:wait;filter:saturate(.8);opacity:.82;transform:none}
.ma-auth-submit.is-loading i{animation:maAuthSpin .8s linear infinite}
.ma-auth-submit.is-loading i::before{content:"\f110"}
@keyframes maAuthSpin{to{transform:rotate(360deg)}}
.ma-auth-social{display:grid;gap:9px;margin-top:13px}
.ma-auth-divider{
  display:flex;
  align-items:center;
  gap:10px;
  color:#9aa7ba;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
}
.ma-auth-divider::before,.ma-auth-divider::after{content:"";height:1px;flex:1;background:#e6ebf3}
.ma-auth-google{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:42px;
  border:1px solid #dfe6f0;
  border-radius:12px;
  background:rgba(255,255,255,.86);
  color:#3f4f68!important;
  box-shadow:0 11px 24px -22px rgba(32,51,84,.72);
  font-size:9px;
  font-weight:850;
  text-decoration:none!important;
}
.ma-auth-google i{color:#4285f4;font-size:12px}
.ma-auth-google:not(.is-disabled):hover{border-color:#c7d2fe;background:#fff;transform:translateY(-1px)}
.ma-auth-google.is-disabled{cursor:not-allowed;opacity:.55}
.ma-auth-security-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:24px;
  padding:12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:rgba(19,35,75,.2);
  color:#dbeafe;
  font-size:8px;
  font-weight:700;
  line-height:1.5;
}
.ma-auth-security-note i{margin-top:2px;color:#a5f3fc}
.ma-auth-single{width:min(520px,100%);margin:30px auto}
.ma-auth-single .ma-auth-card{min-height:430px;border:1px solid rgba(255,255,255,.94);border-radius:28px;box-shadow:0 34px 80px -46px rgba(32,51,84,.58)}
.ma-auth-result{text-align:center}
.ma-auth-result-icon{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  margin:0 auto 18px;
  border-radius:22px;
  font-size:25px;
}
.ma-auth-result.is-success .ma-auth-result-icon{border:1px solid #a7f3d0;background:#ecfdf5;color:#059669}
.ma-auth-result.is-error .ma-auth-result-icon{border:1px solid #fecdd3;background:#fff1f2;color:#e11d48}
.ma-auth-result p{margin:12px auto 20px;max-width:380px;color:var(--auth-muted);font-size:10px;line-height:1.65}
.ma-auth-result .ma-auth-submit{text-decoration:none!important}

/* Kimlik sayfalarında ortak üst/alt çerçeve */
.ma-auth-route .ma-global-legal{background:linear-gradient(105deg,#edf2ff,#f7f9fc 46%,#ecfeff)}
.ma-auth-route .header{border-bottom:1px solid rgba(79,70,229,.1);background:rgba(250,252,255,.92)!important;box-shadow:0 12px 34px -30px rgba(32,51,84,.7)!important;backdrop-filter:blur(18px)}
.ma-auth-route .navigation{height:68px}
.ma-auth-route .nav-brand img{max-height:42px}
.ma-auth-route .dark-footer .footer-middle{display:none}
.ma-auth-route .dark-footer{background:linear-gradient(120deg,#17233b,#263a60)!important}
.ma-auth-route .dark-footer .footer-bottom{padding:13px 0;border-top:1px solid rgba(255,255,255,.08)}
.ma-auth-route .dark-footer>div:last-child{padding:8px 12px 12px!important}
.ma-auth-route .dark-footer>div:last-child img{max-width:360px!important;max-height:34px}

/* Bootstrap giriş penceresi */
#login.ma-auth-modal{
  --auth-blue:#2878d4;
  --auth-indigo:#5549d8;
  --auth-violet:#7855cb;
  padding-right:0!important;
}
#login.ma-auth-modal .modal-dialog{width:min(430px,calc(100% - 24px));max-width:430px;margin:5vh auto}
#login.ma-auth-modal .modal-content{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.94);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,248,253,.96));
  box-shadow:0 35px 90px -36px rgba(15,23,42,.72);
}
#login.ma-auth-modal .modal-body{padding:28px 30px 18px}
#login.ma-auth-modal .ma-auth-card-head{padding-right:30px}
#login.ma-auth-modal .ma-auth-modal-close{
  position:absolute;
  z-index:5;
  top:14px;
  right:14px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #e4e9f2;
  border-radius:11px;
  background:#fff;
  color:#73829a;
  cursor:pointer;
  box-shadow:0 10px 24px -18px rgba(15,23,42,.5);
}
#login.ma-auth-modal .ma-auth-modal-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 20px;
  border-top:1px solid #e7ecf3;
  background:rgba(241,245,251,.7);
  color:#728198;
  font-size:8px;
  font-weight:750;
}
#login.ma-auth-modal .ma-auth-modal-footer a{color:#4f46e5!important;font-weight:900;text-decoration:none!important}
#login.ma-auth-modal .ma-auth-modal-footer i{color:#a5b4fc;font-size:4px}

@media(max-width:900px){
  .ma-auth-shell{grid-template-columns:1fr;max-width:560px}
  .ma-auth-story{padding:28px 32px}
  .ma-auth-story h2{font-size:29px}
  .ma-auth-story>p{margin-top:10px}
  .ma-auth-benefits{grid-template-columns:1fr 1fr;margin-top:16px}
  .ma-auth-proof{margin-top:17px}
  .ma-auth-card{padding:30px 34px}
}
@media(max-width:600px){
  .ma-auth-page{min-height:auto;padding:14px 10px 24px}
  .ma-auth-shell{display:block;border-radius:22px}
  .ma-auth-story{padding:21px 20px 18px}
  .ma-auth-story-badge{margin-bottom:10px}
  .ma-auth-story h2{font-size:24px}
  .ma-auth-story>p{font-size:9px;line-height:1.55}
  .ma-auth-benefits,.ma-auth-proof{display:none}
  .ma-auth-card{padding:23px 18px 25px}
  .ma-auth-card-head{margin-bottom:16px}
  .ma-auth-icon{width:38px;height:38px;margin-bottom:10px}
  .ma-auth-card h1,.ma-auth-card h2{font-size:21px}
  .ma-auth-control input{height:45px}
  #login.ma-auth-modal .modal-dialog{margin:12px auto}
  #login.ma-auth-modal .modal-body{padding:24px 18px 16px}
  .ma-auth-route .ma-global-legal{display:none}
  .ma-auth-route .navigation{height:58px}
  .ma-auth-single{margin:10px auto}
  .ma-auth-single .ma-auth-card{min-height:360px}
}
@media(prefers-reduced-motion:reduce){
  .ma-auth-submit,.ma-auth-submit::after,.ma-auth-control input{transition:none!important}
}