:root{--az: #2563EB;--az-dark: #1D4ED8;--az-navy: #0F1B2A;--az-ink: #384656;--az-mut: #5B6875;--az-line: #E3E9F0;--az-bg: #EEF2F7;--az-field: #F6F9FC}body.az-auth{margin:0;min-height:100vh;background:var(--az-bg);color:var(--az-navy);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.az-auth-shell{display:grid;grid-template-columns:1.35fr minmax(400px,520px);gap:20px;min-height:100vh;padding:20px;box-sizing:border-box}.az-auth-hero{position:relative;display:flex;align-items:center;justify-content:center;background:var(--az-bg);border-radius:26px;overflow:hidden}.az-auth-hero-img{max-width:100%;max-height:100%;display:block;border-radius:20px}.az-auth-hero-content{position:relative;z-index:1;margin-top:auto;padding:38px 42px;color:#fff;max-width:620px}.az-auth-hero-logo{height:46px;width:auto;margin-bottom:20px;filter:drop-shadow(0 2px 6px rgba(7,24,39,.3))}.az-auth-hero-content h2{margin:0 0 10px;font:800 clamp(2rem,3.4vw,3.2rem) "Plus Jakarta Sans",sans-serif;line-height:1.02;letter-spacing:-.02em}.az-auth-hero-content h2 strong{color:#bfe0ff}.az-auth-hero-content>p{margin:0;font-size:14.5px;line-height:1.55;color:#ffffffe6;max-width:40ch}.az-auth-pillars{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.az-auth-pillar{display:flex;align-items:center;gap:8px;background:#ffffff24;border:1px solid rgba(255,255,255,.24);border-radius:12px;padding:9px 13px;font-size:12.5px;font-weight:600}.az-auth-pillar i{font-size:16px}.az-auth-pillar span{opacity:.82;font-weight:500}.az-auth-panel{display:flex;align-items:center;justify-content:center;padding:44px;overflow-y:auto;background:#fff;border:1px solid var(--az-line);border-radius:26px;box-shadow:0 12px 40px #0718270f}.az-auth-card{width:100%;max-width:390px}.az-auth-card.is-wide{max-width:500px}.az-auth-brand{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.az-auth-brand-logo{height:46px;width:auto;align-self:flex-start}.az-auth-kicker{font:600 11px IBM Plex Mono,monospace;letter-spacing:.2em;color:var(--az);text-transform:uppercase}.az-auth-title{margin:12px 0 8px;font:800 clamp(1.55rem,2.2vw,2rem) "Plus Jakarta Sans",sans-serif;line-height:1.1;letter-spacing:-.02em;color:var(--az-navy)}.az-auth-sub{margin:0 0 22px;font-size:14px;line-height:1.5;color:var(--az-mut)}.az-auth-roles{display:flex;gap:4px;background:#f1f4f9;border:1px solid var(--az-line);border-radius:14px;padding:5px;margin-bottom:22px;overflow-x:auto;scrollbar-width:none}.az-auth-roles::-webkit-scrollbar{display:none}.az-auth-role{flex:1 0 auto;white-space:nowrap;padding:9px 14px;border:none;background:none;border-radius:10px;font:600 13px IBM Plex Sans,sans-serif;color:var(--az-mut);cursor:pointer;text-align:center;text-decoration:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.az-auth-role:hover{color:var(--az-navy)}.az-auth-role.is-active{background:#fff;color:var(--az-navy);box-shadow:0 1px 3px #0718271a}.az-auth-field{margin-bottom:16px;min-width:0}.az-auth-field label{display:block;font:600 11px IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--az-mut);margin-bottom:7px}.az-auth-field input:not([type=checkbox]){width:100%;box-sizing:border-box;height:52px;padding:0 16px;border:1px solid #E1E7EE;border-radius:14px;background:var(--az-field);font-size:14px;color:var(--az-navy);font-family:inherit;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.az-auth-field input:focus{outline:none;border-color:var(--az);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.az-auth-field input::placeholder{color:#9aa6b2}.az-auth-field input[type=file]{height:auto;padding:12px 14px;font-size:13px;color:var(--az-mut)}.az-auth-hint{margin-top:6px;font-size:11.5px;color:var(--az-mut)}.az-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.az-auth-grid .az-auth-field{margin-bottom:0}.az-auth-grid .col-2{grid-column:1 / -1}.az-auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 20px}.az-auth-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--az-mut);cursor:pointer}.az-auth-check input{width:16px;height:16px;accent-color:var(--az)}.az-auth-forgot{font:600 13px IBM Plex Sans,sans-serif;color:var(--az);text-decoration:none}.az-auth-forgot:hover{text-decoration:underline}.az-auth-terms{grid-column:1 / -1;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--az-line);border-radius:14px;background:var(--az-field)}.az-auth-terms input{margin-top:2px;width:16px;height:16px;accent-color:var(--az);flex:0 0 auto}.az-auth-terms span{font-size:13px;line-height:1.45;color:var(--az-ink)}.az-auth-terms a{color:var(--az);font-weight:600}.az-auth-submit{width:100%;height:54px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(135deg,var(--az) 0%,var(--az-dark) 100%);color:#fff;font:700 15px Plus Jakarta Sans,sans-serif;letter-spacing:.01em;box-shadow:0 8px 20px #2563eb47;transition:transform .15s ease,box-shadow .15s ease}.az-auth-submit:hover{transform:translateY(-1px);box-shadow:0 12px 26px #2563eb57}.az-auth-submit.col-2{grid-column:1 / -1}.az-auth-foot{margin-top:20px;display:grid;gap:6px;font-size:13px;color:var(--az-mut)}.az-auth-foot a{color:var(--az);font-weight:600;text-decoration:none}.az-auth-foot a:hover{text-decoration:underline}.az-auth-alert{background:#fbe9e9;border:1px solid #F3C7C7;color:#b42318;border-radius:12px;padding:11px 14px;font-size:13px;line-height:1.4;margin-bottom:16px;display:grid;gap:3px}.az-auth-ok{background:#e6f5ec;border:1px solid #BFE6CD;color:#1e7a45;border-radius:12px;padding:11px 14px;font-size:13px;margin-bottom:16px}.az-auth-field .image-preview{max-width:88px;max-height:88px;margin-top:10px;border-radius:12px;border:1px solid var(--az-line);object-fit:cover;display:block}@media(max-width:980px){.az-auth-shell{grid-template-columns:1fr;gap:14px;padding:14px}.az-auth-hero{min-height:200px}.az-auth-hero-content{padding:24px 22px}.az-auth-hero-content h2{font-size:clamp(1.6rem,6vw,2.2rem)}.az-auth-pillars{display:none}.az-auth-panel{padding:30px 22px}}@media(max-width:560px){.az-auth-grid{grid-template-columns:1fr}.az-auth-hero{min-height:150px}.az-auth-panel{padding:24px 18px}}@media(max-width:400px){.az-auth-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow:visible}.az-auth-role{flex:none;min-height:40px;display:flex;align-items:center;justify-content:center;padding:9px 6px}}