/* Argo Ajans Mail — only the unauthenticated login surface is branded. */
html:has(body.task-login), body.task-login { background: radial-gradient(circle at 82% 13%, rgba(255, 102, 54, .23), transparent 29rem), radial-gradient(circle at 20% 90%, rgba(255, 255, 255, .05), transparent 26rem), #10110f !important; color: #f2f1eb; }
body.task-login #layout, body.task-login #layout-content { background: transparent !important; }
body.task-login #layout-content { min-height: 100vh; padding: 2rem 1.25rem; box-sizing: border-box; }
body.task-login #layout-content::before { content: 'BAĞIMSIZ DİJİTAL AJANS  •  MÜŞTERİ MAİLİ'; display: block; width: min(100%, 510px); margin: clamp(1rem, 9vh, 6.5rem) auto 1.35rem; color: #c9c8c1; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-align: center; }
body.task-login #logo { top: 0; width: min(260px, 60vw); height: min(66px, 16vw); max-height: none; margin: 0 auto 2.2rem; object-position: 9999px 9999px; background: url('https://argoajans.com/images/logo-white.png') center / contain no-repeat; filter: none; }
body.task-login #login-form { top: 0; width: min(100%, 420px); max-width: 420px; padding: 1.65rem; border: 1px solid rgba(242, 241, 235, .18); border-radius: 0; background: rgba(14, 15, 14, .88); box-shadow: 0 24px 70px rgba(0, 0, 0, .32); }
body.task-login #login-form::before { content: 'E-posta hesabınıza güvenli erişim'; display: block; margin-bottom: 1.35rem; color: #f2f1eb; font-size: 1.06rem; font-weight: 600; letter-spacing: -.01em; }
body.task-login #login-form .form-control { min-height: 50px; color: #f2f1eb; border-color: #4c4d49; border-radius: 0; background: #191a18; }
body.task-login #login-form .input-group-text { color: #d5d4cc; border-color: #4c4d49; border-radius: 0; background: #191a18; }
body.task-login #login-form .form-control:focus { border-color: #f2f1eb; box-shadow: 0 0 0 1px #f2f1eb; }
body.task-login #rcmloginsubmit { min-height: 50px; border: 1px solid #ff6636; border-radius: 0; color: #fff7f2; font-weight: 700; letter-spacing: .02em; background: linear-gradient(110deg, #d94420, #f05d32); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 9px 24px rgba(217, 68, 32, .2); }
body.task-login #rcmloginsubmit:hover, body.task-login #rcmloginsubmit:focus { color: #fff7f2; border-color: #ff8a63; background: linear-gradient(110deg, #ee5128, #ff7041); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 12px 28px rgba(217, 68, 32, .3); }
body.task-login #login-footer { color: #a9a8a1; font-size: .79rem; }
body.task-login #login-footer a { color: #f2f1eb; text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 480px) { body.task-login #layout-content { padding: 1rem; } body.task-login #layout-content::before { margin-top: 2.4rem; } body.task-login #login-form { padding: 1.25rem; } }