/* Arrowizo Ads: client login screen */
:root{--bg:#070B16;--bg2:#0A0F1E;--card:#0E1426;--card2:#121A31;--text:#EEF2FA;--soft:#C9D0E0;--muted:#9AA4BD;--amber:#FFB547;--amber2:#FFC871;--ink:#1A1206;--cyan:#5CE1E6;--line:rgba(238,242,250,.08);--line2:rgba(238,242,250,.16);--ok:#4ADE80;--bad:#F87171}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:16px/1.55 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--amber)}
a:hover{color:var(--amber2)}
[hidden]{display:none!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.azl{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}

/* Brand side */
.azl-brand{position:relative;overflow:hidden;padding:44px 56px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;background:radial-gradient(900px 600px at 0% 0%,rgba(255,181,71,.16),transparent 60%),radial-gradient(700px 520px at 100% 100%,rgba(92,225,230,.12),transparent 60%),var(--bg2);border-right:1px solid var(--line)}
.azl-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font:700 20px Sora,sans-serif;letter-spacing:-.01em}
.azl-logo b{color:var(--amber);font-weight:700}
.azl-logo.sm{display:none;font-size:18px;margin-bottom:24px}
.azl-pitch h1{font:800 clamp(30px,3.2vw,44px)/1.12 Sora,sans-serif;letter-spacing:-.02em;margin:0 0 24px;max-width:540px}
.azl-pitch ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:500px}
.azl-pitch li{display:flex;gap:12px;align-items:flex-start;color:var(--soft);font-size:16px}
.azl-pitch .dot{flex:0 0 10px;height:10px;margin-top:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(255,181,71,.15)}
.azl-visual{position:relative;height:220px;max-width:520px}
.azl-visual .card{position:absolute;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.azl-visual .card i{display:block;height:9px;border-radius:5px;background:rgba(238,242,250,.14);margin-top:10px;width:80%}
.azl-visual .card i.s{width:55%}
.azl-visual .tag{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(255,181,71,.14);color:var(--amber2)}
.azl-visual .tag.ok{background:rgba(74,222,128,.14);color:#B9F5CF}
.azl-visual .c1{left:0;top:10px;width:250px;transform:rotate(-3deg)}
.azl-visual .c1 .row{display:flex;gap:8px;margin-top:14px}
.azl-visual .c1 .row b{flex:1;height:58px;border-radius:10px;background:linear-gradient(135deg,rgba(255,181,71,.5),rgba(255,181,71,.12))}
.azl-visual .c2{left:230px;top:0;width:200px;transform:rotate(2deg)}
.azl-visual .c2 svg{display:block;width:100%;margin-top:12px}
.azl-visual .c3{left:170px;top:128px;width:230px;transform:rotate(-1deg)}
.azl-foot{margin:0;font-size:13px;color:var(--muted)}
.azl-foot a{color:var(--muted)}

/* Form side */
.azl-panel{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.azl-box{width:100%;max-width:420px}
.azl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:var(--card);border:1px solid var(--line2);margin-bottom:28px}
.azl-tabs button{min-height:42px;border:0;border-radius:999px;background:none;color:var(--soft);font:700 15px Manrope,sans-serif;cursor:pointer}
.azl-tabs button[aria-selected=true]{background:var(--card2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.azl-tabs button:only-child{grid-column:1/-1}
.azl-form h2{font:800 28px/1.2 Sora,sans-serif;letter-spacing:-.01em;margin:0 0 6px}
.azl-sub{color:var(--muted);margin:0 0 24px}
.azl-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:14px;margin-bottom:16px;color:var(--soft)}
.azl-form input[type=text],.azl-form input[type=email],.azl-form input[type=password],.azl-form input:not([type]){width:100%;min-height:50px;border-radius:12px;border:1px solid var(--line2);background:var(--bg2);color:var(--text);padding:0 14px;font:500 16px Manrope,sans-serif;transition:border-color .15s,box-shadow .15s}
.azl-form input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px rgba(255,181,71,.18)}
.azl-pw{position:relative;display:block}
.azl-pw input{padding-right:72px!important}
.azl-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-height:34px;padding:0 12px;border:0;border-radius:8px;background:var(--card2);color:var(--soft);font:700 13px Manrope,sans-serif;cursor:pointer}
.azl-eye:focus-visible,.azl-tabs button:focus-visible,.azl-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.azl-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-2px 0 22px;font-size:14px}
.azl-check{flex-direction:row!important;align-items:center;gap:10px!important;font-weight:500!important;margin:0!important;color:var(--soft)}
.azl-form .azl-check{margin-bottom:20px!important}
.azl-row .azl-check{margin:0!important}
.azl-check input{width:18px;height:18px;accent-color:var(--amber);flex:0 0 18px}
.azl-btn{width:100%;min-height:52px;border:0;border-radius:999px;background:var(--amber);color:var(--ink);font:800 16px Manrope,sans-serif;cursor:pointer;transition:background .15s,transform .05s}
.azl-btn:hover{background:var(--amber2)}
.azl-btn:active{transform:translateY(1px)}
.azl-btn:disabled{opacity:.7;cursor:progress}
.azl-small{margin:18px 0 0;font-size:14px;color:var(--muted);text-align:center}
.azl-help{margin:36px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);text-align:center}
.azl-msg{padding:13px 16px;border-radius:12px;margin:0 0 22px;font-weight:600;font-size:14px}
.azl-msg.ok{background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.4);color:#B9F5CF}
.azl-msg.err{background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.45);color:#FFC2C4}
.azl-meter{height:6px;border-radius:3px;background:var(--card2);margin:-8px 0 18px;overflow:hidden}
.azl-meter i{display:block;height:100%;width:0;border-radius:3px;transition:width .2s}
.azl-meter i.weak{background:var(--bad)}
.azl-meter i.ok{background:var(--amber)}
.azl-meter i.strong{background:var(--ok)}

@media (max-width:900px){
	.azl{grid-template-columns:1fr}
	.azl-brand{display:none}
	.azl-logo.sm{display:inline-flex}
	.azl-panel{align-items:flex-start;padding:32px 16px 40px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}