
.auth-page{min-height:100vh;background:linear-gradient(135deg,#eef5ff 0%,#f7fbff 48%,#eefcf9 100%);color:#08224f}
.auth-wrap{width:min(1100px,calc(100% - 28px));margin:0 auto;padding:28px 0 50px}
.auth-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#08224f;margin-bottom:24px}
.auth-brand-badge{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#0b72f0,#14b8a6);color:#fff;font-size:30px;font-weight:950;box-shadow:0 16px 34px rgba(11,114,240,.22)}
.auth-brand strong{display:block;font-size:28px;letter-spacing:-.8px}.auth-brand span{display:block;color:#56708f;font-weight:700;margin-top:2px}
.auth-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.auth-info,.auth-card{background:rgba(255,255,255,.93);border:1px solid #dbe8f7;border-radius:26px;box-shadow:0 22px 58px rgba(15,52,112,.10)}
.auth-info{padding:36px;background:linear-gradient(135deg,#0d46a7 0%,#087cc7 50%,#0ca99f 100%);color:#fff;position:relative;overflow:hidden}
.auth-info:after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}
.auth-info h1{font-size:42px;line-height:1.05;margin:0 0 18px;letter-spacing:-1.5px}.auth-info p{font-size:17px;line-height:1.6;color:#eaf5ff;max-width:560px}
.auth-points{display:grid;gap:13px;margin-top:24px}.auth-point{display:flex;gap:10px;align-items:flex-start;font-weight:800}.auth-point b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18)}
.auth-card{padding:34px}.auth-card h2{font-size:32px;margin:0 0 7px;letter-spacing:-1px}.auth-sub{color:#607691;font-weight:650;line-height:1.5;margin-bottom:22px}
.auth-form{display:grid;gap:14px}.auth-form label{font-weight:850;color:#213d67;font-size:13px}
.auth-form input{width:100%;height:54px;border:1.8px solid #b9d0ef;border-radius:14px;padding:0 15px;font-size:15px;background:#fff;outline:none}.auth-form input:focus{border-color:#0b72f0;box-shadow:0 0 0 4px rgba(11,114,240,.08)}
.auth-btn{height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,#0b72f0,#0053d8);color:#fff;font-weight:950;font-size:16px;cursor:pointer;box-shadow:0 14px 28px rgba(11,114,240,.22)}
.auth-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.auth-links a{color:#0b64df;text-decoration:none;font-weight:800}
.auth-alert{padding:13px 15px;border-radius:14px;margin:0 0 18px;font-weight:750;line-height:1.45}.auth-alert.ok{background:#ecfdf5;border:1px solid #b7eed6;color:#047857}.auth-alert.err{background:#fff1f2;border:1px solid #fecdd3;color:#b42335}.auth-alert.warn{background:#fff7ed;border:1px solid #fed7aa;color:#b45309}
.auth-footer{text-align:center;color:#7c8fa7;font-size:13px;margin-top:22px}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-info{display:none}.auth-wrap{padding-top:18px}.auth-card{padding:24px}.auth-brand strong{font-size:24px}}

.auth-card > h1:first-child,.auth-card > h2:first-child{margin-top:0}
.auth-card p{line-height:1.55}
.auth-card form + a,.auth-card > a{display:inline-block;margin-top:12px;color:#0b64df;font-weight:800;text-decoration:none}
.auth-card .auth-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}


/* DOGAVIA V28 - sade ve dengeli giriş ekranı */
.auth-wrap{width:min(1040px,calc(100% - 32px));padding:34px 0 46px}
.auth-brand{width:max-content;margin:0 0 22px 2px}
.auth-brand-badge{width:54px;height:54px;border-radius:16px;position:relative;overflow:hidden}
.auth-brand-mark{display:grid!important;place-items:center!important;margin:0!important;color:#fff!important;font-size:34px!important;font-weight:900!important;line-height:1!important}
.auth-brand-copy{display:block!important}
.auth-brand-copy strong{font-size:27px}
.auth-shell{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:22px;align-items:stretch}
.auth-info{padding:42px 38px;min-height:500px;display:flex;flex-direction:column;justify-content:center}
.auth-eyebrow{display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:900;letter-spacing:.4px;margin-bottom:18px}
.auth-info h1{font-size:40px;max-width:470px}
.auth-login-card{padding:38px 36px;display:flex;flex-direction:column;justify-content:center}
.auth-form-head{display:flex;align-items:center;gap:15px;margin-bottom:24px}
.auth-form-head h2{margin:0 0 3px;font-size:32px;color:#071b4d}
.auth-form-head .auth-sub{margin:0}
.auth-login-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#edf6ff,#e9fbf7);font-size:25px;flex:0 0 auto}
.auth-form{gap:10px}
.auth-form label{margin-top:4px}
.auth-form input{box-sizing:border-box}
.auth-btn{margin-top:7px}
.auth-links-spread{justify-content:space-between;border-top:1px solid #e6eef8;padding-top:18px;margin-top:20px}
.auth-home-link{align-self:flex-start;margin-top:18px!important;color:#526985!important;font-size:13px}
@media(max-width:850px){
 .auth-wrap{width:min(100% - 24px,620px);padding:18px 0 34px}
 .auth-brand{margin-bottom:16px}
 .auth-brand-badge{width:48px;height:48px;border-radius:14px}
 .auth-brand-copy strong{font-size:23px}
 .auth-brand-copy>span{font-size:12px}
 .auth-shell{grid-template-columns:1fr}
 .auth-info{display:none}
 .auth-login-card{padding:26px 22px;min-height:auto}
 .auth-form-head h2{font-size:27px}
 .auth-login-icon{width:48px;height:48px;border-radius:14px}
 .auth-links-spread{gap:10px}
}
