/* Typoanim auth sehifeleri (login / register / forgot-password) - dizayn A: sol yarisi cehrayi kart */
.ta-auth{font-weight:400;background:#f4f5fa;padding:56px 16px 64px;display:flex;justify-content:center;font-family:'Open Sans',sans-serif;}
.ta-auth *{box-sizing:border-box;}
.ta-auth-card{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1020px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(12,20,33,.12);}
.ta-auth-side{position:relative;overflow:hidden;color:#fff;padding:46px 44px 0;display:flex;flex-direction:column;
  background:radial-gradient(120% 90% at 0% 0%,#ff5aa5 0%,rgba(255,90,165,0) 55%),linear-gradient(155deg,#ff2d89 0%,#e70d67 55%,#a8125a 100%);}
.ta-auth-side::before,.ta-auth-side::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18);pointer-events:none;}
.ta-auth-side::before{width:420px;height:420px;right:-180px;top:-160px;}
.ta-auth-side::after{width:300px;height:300px;right:-120px;top:-100px;}
.ta-auth-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);
  border-radius:30px;padding:5px 12px;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;}
.ta-auth-side h1{font-size:32px;line-height:1.18;font-weight:700;margin:18px 0 10px;color:#fff;}
.ta-auth-side .ta-auth-lead{font-size:15px;line-height:1.6;color:rgba(255,255,255,.88);margin:0 0 22px;max-width:380px;}
.ta-auth-list{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px;}
.ta-auth-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;color:#fff;}
.ta-auth-list i{flex:none;width:24px;height:24px;border-radius:50%;background:#fff;color:#ff2d89;display:inline-flex;align-items:center;justify-content:center;font-size:13px;margin-top:-1px;}
.ta-auth-shots{margin-top:auto;display:flex;justify-content:center;align-items:flex-end;gap:14px;height:210px;}
.ta-auth-shots img{width:118px;aspect-ratio:9/16;object-fit:cover;border:3px solid #fff;box-shadow:0 18px 40px rgba(60,0,30,.35);transform:translateY(46px) rotate(-6deg);}
.ta-auth-shots img:nth-child(2){transform:translateY(14px);width:128px;}
.ta-auth-shots img:nth-child(3){transform:translateY(46px) rotate(6deg);}
.ta-auth-main{padding:46px 48px 40px;display:flex;flex-direction:column;justify-content:center;}
.ta-auth-main h2{font-size:26px;font-weight:700;color:#0b0e18;margin:0 0 6px;text-align:left;}
.ta-auth-sub{font-size:14px;color:#5b5f6b;margin:0 0 24px;}
.ta-auth a.ta-link,.ta-auth-sub a{color:#ff2d89;font-weight:500;text-decoration:none;}
.ta-auth a.ta-link:hover,.ta-auth-sub a:hover{text-decoration:underline;text-underline-offset:3px;}
.ta-oauth{display:grid;gap:10px;margin-bottom:18px;}
.ta-oauth a{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border:1px solid #e3e5ee;border-radius:12px;background:#fff;
  color:#0b0e18;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;}
.ta-oauth a:hover{border-color:#ff2d89;box-shadow:0 6px 18px rgba(255,45,137,.12);}
.ta-oauth .bi-google{color:#ea4335;font-size:17px;} .ta-oauth .bi-facebook{color:#1877f2;font-size:17px;}
.ta-oauth .bi-microsoft{color:#00a4ef;} .ta-oauth .bi-twitter-x{color:#0b0e18;}
.ta-or{display:flex;align-items:center;gap:12px;color:#8a8e9a;font-size:12px;margin:4px 0 18px;text-transform:uppercase;letter-spacing:.6px;}
.ta-or::before,.ta-or::after{content:"";flex:1;height:1px;background:#ececf3;}
.ta-field{margin-bottom:16px;}
.ta-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.ta-label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;color:#0b0e18;margin-bottom:6px;}
.ta-label a{font-weight:600;font-size:12.5px;}
.ta-input-wrap{position:relative;}
.ta-input{width:100%;height:46px;border:1px solid #e3e5ee;border-radius:12px;background:#f7f7fb;padding:0 14px;font-size:14px;color:#0b0e18;
  transition:border-color .2s,box-shadow .2s,background .2s;outline:none;font-family:inherit;}
.ta-input::placeholder{color:#a3a7b3;}
.ta-input:focus{border-color:#ff2d89;background:#fff;box-shadow:0 0 0 4px rgba(255,45,137,.14);}
.ta-input-wrap .ta-input{padding-right:46px;}
.ta-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:#8a8e9a;border-radius:8px;cursor:pointer;font-size:17px;}
.ta-eye:hover{color:#ff2d89;}
.ta-hint{font-size:12px;color:#8a8e9a;margin-top:6px;}
.ta-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#3a3e4a;margin-bottom:10px;line-height:1.45;}
.ta-check input{width:17px;height:17px;margin-top:1px;accent-color:#ff2d89;flex:none;}
.ta-btn{width:100%;height:48px;border:0;border-radius:12px;background:#ff2d89;color:#fff;font-size:15px;font-weight:600;margin-top:6px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,box-shadow .2s;box-shadow:0 10px 24px rgba(255,45,137,.28);}
.ta-btn:hover{background:#e02676;color:#fff;}
.ta-legal{font-size:12px;color:#8a8e9a;margin:18px 0 0;text-align:center;line-height:1.5;}
.ta-legal a{color:#5b5f6b;text-decoration:underline;text-underline-offset:2px;}
.ta-alert{border-radius:12px;padding:11px 14px;font-size:13px;margin-bottom:16px;border-left:4px solid;line-height:1.45;}
.ta-alert-error{background:#fff2f4;border-color:#e5484d;color:#8c1d22;}
.ta-alert-ok{background:#effbf4;border-color:#2ee88a;color:#14633a;}
@media (max-width:900px){
  .ta-auth{padding:24px 12px 40px;}
  .ta-auth-card{grid-template-columns:1fr;border-radius:18px;}
  .ta-auth-side{padding:28px 24px 26px;}
  .ta-auth-side h1{font-size:24px;margin:14px 0 8px;}
  .ta-auth-side .ta-auth-lead{font-size:14px;margin-bottom:14px;}
  .ta-auth-list{gap:8px;margin:0;}
  .ta-auth-list li{font-size:13px;}
  .ta-auth-shots{display:none;}
  .ta-auth-main{padding:28px 22px 30px;}
  .ta-field-row{grid-template-columns:1fr;gap:0;}
}
@media (max-width:600px){
  .ta-auth-list{display:none;}
  .ta-auth-side .ta-auth-lead{margin-bottom:0;}
  .ta-auth-side::before{width:260px;height:260px;right:-120px;top:-120px;}
  .ta-auth-side::after{display:none;}
}
.ta-auth-side .ta-auth-list li b{font-weight:700;}