@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#0f1b31;--muted:#68758b;--line:#dfe6f0;--brand:#315df4;--brand-dark:#2347cf;--navy:#071426}
html,body{min-height:100%}
body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:var(--navy)!important;color:var(--ink)!important;padding:0!important;overflow-x:hidden}
.background-container{background:linear-gradient(125deg,#071426 0%,#0b2039 52%,#0b2a45 100%)!important}
.gradient-bg{background:radial-gradient(circle at 16% 18%,rgba(65,112,255,.30),transparent 31%),radial-gradient(circle at 82% 78%,rgba(16,185,200,.16),transparent 30%)!important}
.device-wallpaper,.light-bursts{display:none!important}
.circuit-overlay{display:block!important;opacity:.22!important;background-image:linear-gradient(rgba(148,174,213,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(148,174,213,.16) 1px,transparent 1px)!important;background-size:64px 64px!important;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.background-container:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%),radial-gradient(circle at 50% 50%,transparent 0 28%,rgba(255,255,255,.025) 28.2%,transparent 28.5%);pointer-events:none}
.content-wrapper{position:relative!important;z-index:2!important;width:min(1180px,calc(100% - 64px))!important;min-height:100vh!important;margin:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 430px!important;align-items:center!important;gap:clamp(56px,9vw,132px)!important;padding:48px 0!important}
.content-wrapper:before{content:"TEKNİK SERVİS YÖNETİMİ\A\A Operasyonunuz tek, güvenli bir merkezde.\A\A Servis kayıtlarından teslimata kadar tüm süreçler kontrol altında.";white-space:pre-wrap;display:block;color:#fff;font-size:clamp(32px,3.25vw,48px);line-height:1.12;font-weight:800;letter-spacing:-.045em;max-width:640px}
.content-wrapper:after{content:"Güvenli erişim  •  8 saatlik korumalı oturum";position:absolute;left:0;bottom:52px;color:#9fb1ca;font-size:12px;font-weight:600;letter-spacing:.025em}
.login-card{width:100%!important;padding:40px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:0 34px 90px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.8) inset!important;backdrop-filter:none!important;animation:loginRise .52s cubic-bezier(.2,.8,.2,1)!important;position:relative!important}
.login-card:before{content:"DG";display:grid;place-items:center;width:48px;height:48px;margin:0 auto 20px;border-radius:15px;background:linear-gradient(145deg,#3d6cff,#244dd6);color:#fff;font-size:15px;font-weight:800;letter-spacing:-.03em;box-shadow:0 12px 26px rgba(49,93,244,.27)}
@keyframes loginRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.logo-area{margin-bottom:29px!important;text-align:center!important}
.logo-area h2{color:var(--ink)!important;font-size:25px!important;font-weight:800!important;letter-spacing:-.045em!important;margin:0 0 7px!important}
.logo-area:after{content:"Yönetim paneline güvenli giriş";display:block;color:#7a879a;font-size:12px;font-weight:500;letter-spacing:0}
.logo-area p,.logo-area .logo-icon{display:none!important}
.input-group{margin-bottom:18px!important}
.input-label{display:block!important;color:#4c5b71!important;font-size:10px!important;letter-spacing:.09em!important;font-weight:800!important;margin-bottom:8px!important}
.input-field{position:relative!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#f7f9fc!important;box-shadow:0 1px 2px rgba(15,27,49,.025)!important;transition:border-color .18s,box-shadow .18s,background .18s!important}
.input-field:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(49,93,244,.12)!important;background:#fff!important}
.input-field input{width:100%!important;height:51px!important;padding:13px 15px 13px 46px!important;background:transparent!important;color:var(--ink)!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;border:0!important;border-radius:inherit!important;outline:0!important}
.input-field input::placeholder{color:#9ba6b7!important;font-weight:500!important}
.input-field i{position:absolute!important;left:17px!important;top:50%!important;transform:translateY(-50%)!important;color:#8290a5!important;font-size:13px!important;transition:color .18s!important}
.input-field:focus-within i{color:var(--brand)!important}
.login-btn{width:100%!important;min-height:52px!important;margin:10px 0 0!important;padding:14px 18px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--brand),var(--brand-dark))!important;color:#fff!important;box-shadow:0 13px 28px rgba(49,93,244,.24)!important;font-family:inherit!important;font-size:12px!important;font-weight:800!important;letter-spacing:.055em!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;transition:transform .18s,box-shadow .18s,filter .18s!important}
.login-btn:hover{transform:translateY(-1px)!important;box-shadow:0 17px 34px rgba(49,93,244,.31)!important;filter:saturate(1.07)!important}.login-btn:active{transform:translateY(0)!important}.login-btn:focus-visible{outline:3px solid rgba(49,93,244,.28)!important;outline-offset:3px!important}.login-btn i{font-size:13px!important;transition:transform .18s!important}.login-btn:hover i{transform:translateX(3px)!important}
.error-box{border:1px solid #fecdd3!important;border-radius:12px!important;background:#fff1f2!important;color:#b4233e!important;font-size:12px!important;font-weight:600!important;padding:13px 15px!important;margin-bottom:20px!important;box-shadow:none!important}.error-box i{color:#e11d48!important;font-size:16px!important}
.security-info{margin-top:28px!important;padding-top:20px!important;border-top:1px solid #e8edf4!important;color:#8390a3!important;font-size:10px!important;font-weight:700!important;letter-spacing:.025em!important;justify-content:center!important}.security-info i{display:none!important}.security-info a{text-decoration:none!important}.security-info a:hover{color:var(--brand)!important;text-decoration:underline!important}
@media(max-width:900px){.content-wrapper{width:min(520px,calc(100% - 36px))!important;grid-template-columns:1fr!important;gap:26px!important;padding:44px 0!important}.content-wrapper:before{content:"TEKNİK SERVİS YÖNETİMİ\A Operasyonunuz tek merkezde.";text-align:center;font-size:clamp(27px,8vw,40px);line-height:1.14;margin:auto}.content-wrapper:after{position:static;text-align:center;order:3;margin-top:-8px}}
@media(max-width:520px){.content-wrapper{width:calc(100% - 24px)!important;padding:26px 0!important;gap:20px!important}.content-wrapper:before{font-size:27px}.login-card{padding:31px 22px!important;border-radius:20px!important}.login-card:before{width:44px;height:44px;border-radius:14px;margin-bottom:17px}.logo-area{margin-bottom:24px!important}.logo-area h2{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){.login-card,.login-btn,.login-btn i{animation:none!important;transition:none!important}}