html, body{height:100%;}

body[tip=login], html[tip=login]{margin:0; padding:0; min-height:100%; background:#aab2ff;}
body[tip=login]{font-family:'Poppins', Arial, sans-serif; color:#0f172a; overflow-x:hidden; overflow-y:auto;}

div{display:block; position:relative;}
div, span{position:relative;}
span, a, button, img{display:inline-block; line-height:normal;}
a, button{transition:.22s ease; border:none;}
a, a:hover{text-decoration:none;}
*:focus{outline:none;}

input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset !important; box-shadow:0 0 0 1000px #fff inset !important; -webkit-text-fill-color:#0f172a !important;}

.giris-sahne{min-height:100vh; padding:28px; display:flex; align-items:center; justify-content:center; background:#a8aff7;}
.giris-kart-kabuk{width:100%; display:flex; justify-content:center;}

.giris-platform{width:min(1180px, 100%); min-height:660px; border-radius:34px; overflow:hidden; display:grid; grid-template-columns:minmax(0, 1fr) 420px; background:linear-gradient(rgba(11, 27, 79, 0.5), rgba(11, 27, 79, 0.5)), url('/images/login-bg.webp') center/cover no-repeat; box-shadow:0 28px 70px rgba(24, 34, 92, 0.22);}

.giris-marka-alan{padding:72px 64px 34px; display:flex; flex-direction:column; justify-content:space-between; gap:28px;}
.giris-marka-logo img{width:148px; height:auto;}

.giris-baslik-blok{max-width:360px;}
.giris-ustyazi{font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.8px; color:rgba(255,255,255,.72);}
.giris-baslik-blok h1{margin:14px 0 0; font-size:42px; line-height:1.02; letter-spacing:-1.8px; font-weight:600; color:#fff;}
.giris-baslik-blok p{margin:16px 0 0; font-size:15px; line-height:1.75; color:rgba(255,255,255,.76);}

.giris-platform-metin{font-size:11px; color:rgba(255,255,255,.66);}

.giris-kart{align-self:self-end; margin:0 54px 54px 0; background:#fff; border-radius:18px; padding:24px; box-shadow:0 24px 42px rgba(7, 13, 36, 0.22);}
.giris-kart-ust{padding-bottom:10px;}
.giris-panel-rozet{display:inline-block; padding:8px 12px; border-radius:8px; background:#eef2ff; color:#4157a9; font-size:12px; font-weight:600;}
.giris-panel-metin{margin-top:12px; font-size:13px; line-height:1.7; color:#7a869a;}

.giris-form-panel{width:100%; min-width:0;}
.giris-alan{display:block;}
.giris-alan + .giris-alan{margin-top:16px;}
.giris-etiket{display:block; margin-bottom:8px; font-size:12px; font-weight:600; color:#5f6b80;}

.giris-input{display:flex; align-items:center; gap:10px; height:52px; padding:0 14px; border-radius:12px; background:#fff; border:1px solid #dde4ee;}
.giris-input:focus-within{border-color:#3860ed; box-shadow:0 0 0 4px rgba(56,96,237,.10);}
.giris-input i{flex-shrink:0; font-size:15px; color:#95a0b6;}
.giris-input input{width:100%; border:none; background:transparent; font-size:14px; color:#0f172a;}
.giris-input input::placeholder{color:#b1bac9;}

.giris-buton{width:100%; height:50px; margin-top:18px; border-radius:12px; background:linear-gradient(135deg, #2450e6 0%, #2d63ff 100%); color:#fff; display:inline-flex; align-items:center; justify-content:center; gap:10px; font-size:14px; font-weight:600; cursor:pointer; box-shadow:0 14px 24px rgba(36,80,230,.24);}
.giris-buton:hover{transform:translateY(-1px);}

.giris-bildirim{min-height:22px; margin-top:12px; font-size:12px; line-height:1.6; color:#627089;}
.giris-kart-alt{padding-top:12px;}
.giris-guvenlik-not{display:inline-flex; align-items:center; gap:8px; color:#8a96aa; font-size:12px;}

@media (max-width: 980px) {
    .giris-platform{grid-template-columns:1fr; min-height:auto;}
    .giris-marka-alan{padding:26px 26px 18px; gap:18px;}
    .giris-baslik-blok{max-width:none;}
    .giris-baslik-blok h1{font-size:34px;}
    .giris-platform-metin{display:none;}
    .giris-kart{margin:0 26px 26px;}
}

@media (max-width: 640px) {
    .giris-sahne{padding:0; min-height:100vh;}
    .giris-baslik-blok{display:none;}
    .giris-platform{width:100%; min-height:100vh; border-radius:0; display:flex; flex-direction:column; justify-content:center; align-items:stretch;}
    .giris-marka-alan{padding:28px 22px 18px; gap:14px;}
    .giris-marka-logo img{width:156px;}
    .giris-baslik-blok h1{font-size:28px; letter-spacing:-1px;}
    .giris-baslik-blok p{font-size:13px; line-height:1.65;}
    .giris-kart{align-self:stretch; width:auto; max-width:none; margin:0 12px 12px; padding:16px; border-radius:16px;}
    .giris-input{height:50px; border-radius:10px;}
    .giris-buton{height:48px; border-radius:10px;}
    .giris-platform-metin{display:none;}
}