body.task-login, body.task-logout, body.task-login #layout, body.task-login #layout-content { background:#000 !important; color:#e5e5e5; }
body.task-login #layout-content { display:flex; align-items:center; justify-content:center; min-height:100vh; }
body.task-login #logo, body.task-login .header .logo, body.task-login #layout-content > .header { display:none !important; }
body.task-login #login-form { background:transparent !important; box-shadow:none !important; max-width:420px; width:100%; padding:0 28px; opacity:0; transform:translateY(16px); transition:opacity 1s cubic-bezier(.4,0,.2,1) 1.5s, transform 1s cubic-bezier(0,0,.2,1) 1.5s; }
html.atnzo-go body.task-login #login-form { opacity:1; transform:none; }
#atnzo-intro { text-align:center; margin:0 auto 42px; max-width:420px; width:100%; }
#atnzo-intro svg { display:block; width:100%; height:34px; margin:0 auto -6px; overflow:visible; }
#atnzo-intro svg path { fill:none; stroke:#fff; stroke-width:1; stroke-linecap:round; stroke-dasharray:420; stroke-dashoffset:420; opacity:.0; transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1), opacity .6s ease; }
#atnzo-intro img { width:86%; max-width:360px; height:auto; opacity:0; filter:blur(10px); transition:opacity 1s cubic-bezier(.4,0,.2,1) .5s, filter 1s cubic-bezier(.4,0,.2,1) .5s; }
#atnzo-intro .rule { height:1px; width:140px; margin:22px auto 16px; background:linear-gradient(90deg,transparent,#fff,transparent); opacity:0; transform:scaleX(0); transition:all .7s cubic-bezier(.4,0,.2,1) 1s; }
#atnzo-intro p { font-size:10px; letter-spacing:.5em; text-transform:uppercase; color:#8a8a8a; margin:0; opacity:0; transition:opacity 1s cubic-bezier(.4,0,.2,1) 1.2s; }
html.atnzo-go #atnzo-intro svg path { stroke-dashoffset:0; opacity:.55; }
html.atnzo-go #atnzo-intro img { opacity:1; filter:blur(0); }
html.atnzo-go #atnzo-intro .rule { opacity:.6; transform:scaleX(1); }
html.atnzo-go #atnzo-intro p { opacity:1; }
body.task-login #login-form table, body.task-login #login-form td { background:transparent !important; border:0 !important; }
body.task-login #login-form td.title, body.task-login #login-form label { color:#8a8a8a !important; font-size:10px; letter-spacing:.3em; text-transform:uppercase; }
body.task-login #login-form input.form-control, body.task-login #login-form input[type=text], body.task-login #login-form input[type=password] { background:#0a0a0a !important; color:#f5f5f5 !important; border:1px solid #2a2a2a !important; border-radius:0 !important; height:46px; box-shadow:none !important; }
body.task-login #login-form input:focus { border-color:#fff !important; }
body.task-login #login-form .input-group-text, body.task-login #login-form .input-group-prepend { display:none !important; }
body.task-login #login-form button.mainaction, body.task-login #login-form .formbuttons button { background:transparent !important; color:#fff !important; border:1px solid #3a3a3a !important; border-radius:0 !important; height:48px; width:100%; font-size:11px; letter-spacing:.4em; text-transform:uppercase; transition:all .3s; }
body.task-login #login-form button.mainaction:hover { border-color:#fff !important; background:#fff !important; color:#000 !important; }
body.task-login #login-form a, body.task-login #login-form .formlinks a { color:#777 !important; }
body.task-login #layout-content .footer, body.task-login #bottomline { color:#444 !important; background:transparent !important; font-size:10px; letter-spacing:.3em; text-transform:uppercase; }
body.task-login #bottomline a { color:#555 !important; }
body.task-login #message .alert, body.task-login .ui-dialog { border-radius:0; }
.atnzo-corner { position:fixed; width:14px; height:14px; border-color:#333; border-style:solid; opacity:0; transition:opacity 1s ease 1.8s; }
.atnzo-corner.tl { top:22px; left:22px; border-width:1px 0 0 1px } .atnzo-corner.tr { top:22px; right:22px; border-width:1px 1px 0 0 }
.atnzo-corner.bl { bottom:22px; left:22px; border-width:0 0 1px 1px } .atnzo-corner.br { bottom:22px; right:22px; border-width:0 1px 1px 0 }
html.atnzo-go .atnzo-corner { opacity:1; }
@media (prefers-reduced-motion: reduce) { #atnzo-intro *, body.task-login #login-form { transition:none !important; } }
body.task-login #layout-content { flex-direction:column; }
body.task-login #layout-content > * { margin-top:0 !important; }
body.task-login #login-form { margin:0 auto !important; }
body.task-login #login-form .formcontent, body.task-login #login-form form { margin-top:0 !important; padding-top:0 !important; }
body.task-login #layout-content .formlinks, body.task-login #layout-content #login-footer, body.task-login #layout-content .footer { color:#3d3d3d !important; font-size:10px !important; letter-spacing:.35em; text-transform:uppercase; margin-top:28px !important; }
@media (max-width:480px){ #atnzo-intro{ margin-bottom:28px } #atnzo-intro img{ width:92% } }
body.task-login #login-form { top:0 !important; position:relative; }