.ecauth{--navy:#061426;--navy2:#0a1e36;--lime:#a8d400;--white:#f3f7fb;--muted:#a7b5ca;--faint:#718098;--line:#ffffff1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ecauth *{box-sizing:border-box}.ecauth .ecauth-overlay{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;background:#030a10b8;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.ecauth .ecauth-overlay.open{opacity:1;visibility:visible}.ecauth .ecauth-overlay.drawer{background:#030a1099;justify-content:flex-end;padding:0}.ecauth .ecauth-box{background:var(--navy);width:min(440px,92vw);max-height:88vh;color:var(--white);border:1px solid #a8d40038;border-radius:18px;padding:30px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.ecauth .ecauth-drawer{background:var(--navy);width:min(560px,94vw);height:100%;color:var(--white);border-left:1px solid #a8d40038;padding:34px 30px;transition:transform .25s;position:relative;overflow-y:auto;transform:translate(20px)}.ecauth .ecauth-overlay.drawer.open .ecauth-drawer{transform:translate(0)}.ecauth .ecauth-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50%;width:32px;height:32px;font-size:16px;line-height:1;position:absolute;top:18px;right:18px}.ecauth .ecauth-close:hover{border-color:#fff6}.ecauth .ecauth-langs{justify-content:flex-end;gap:4px;margin-bottom:18px;padding-right:44px;display:flex}.ecauth .ecauth-lang-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;padding:5px 9px;font-family:IBM Plex Mono,Consolas,monospace;font-size:.66rem;font-weight:800}.ecauth .ecauth-lang-btn.active{background:var(--lime);color:var(--navy);border-color:var(--lime)}.ecauth .ecauth-title{color:#fff;margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:1.4rem}.ecauth .ecauth-sub{color:var(--muted);margin:0 0 20px;font-size:.85rem;line-height:1.5}.ecauth .ecauth-field{margin-bottom:14px;display:block}.ecauth .ecauth-field span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:.72rem;font-weight:600;display:block}.ecauth .ecauth-field input,.ecauth .ecauth-field select,.ecauth .ecauth-field textarea{color:#fff;background:#ffffff0a;border:1px solid #ffffff24;border-radius:9px;width:100%;padding:11px 12px;font-family:inherit;font-size:.88rem}.ecauth .ecauth-field input:focus,.ecauth .ecauth-field select:focus,.ecauth .ecauth-field textarea:focus{outline:2px solid var(--lime);outline-offset:1px}.ecauth .ecauth-field select option{background:var(--navy);color:#fff}.ecauth .ecauth-pw-wrap{position:relative}.ecauth .ecauth-pw-wrap input{padding-right:40px!important}.ecauth .ecauth-pw-toggle{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ecauth .ecauth-pw-toggle:hover{color:#fff}.ecauth .ecauth-field-inline{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.78rem;display:flex}.ecauth .ecauth-field-inline label{cursor:pointer;align-items:center;gap:7px;display:flex}.ecauth .ecauth-field-inline a{color:var(--lime)}.ecauth .ecauth-field-inline a:hover{text-decoration:underline}.ecauth .ecauth-err{color:#ff6b8a;margin:0 0 12px;font-size:.8rem}.ecauth .ecauth-note{color:var(--muted);text-align:center;margin-top:16px;font-size:.8rem}.ecauth .ecauth-note a{color:var(--lime);cursor:pointer;font-weight:700}.ecauth .ecauth-note a:hover{text-decoration:underline}.ecauth .ecauth-btn-primary{background:var(--lime);width:100%;color:var(--navy);cursor:pointer;border:none;border-radius:999px;padding:13px 20px;font-size:.9rem;font-weight:800;transition:transform .2s,box-shadow .2s}.ecauth .ecauth-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px -6px #a8d40080}.ecauth .ecauth-btn-primary:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}.ecauth .ecauth-btn-ghost{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:13px 20px;font-size:.85rem;font-weight:700}.ecauth .ecauth-actions{gap:10px;margin-top:6px;display:flex}.ecauth .ecauth-actions .ecauth-btn-ghost{flex:none}.ecauth .ecauth-actions .ecauth-btn-primary{flex:1}.ecauth .ecauth-role-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.ecauth .ecauth-role-card{text-align:left;cursor:pointer;color:#fff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:14px;padding:16px;transition:border-color .2s,transform .2s}.ecauth .ecauth-role-card:hover{border-color:var(--lime);transform:translateY(-2px)}.ecauth .ecauth-role-card strong{margin-bottom:4px;font-size:.92rem;display:block}.ecauth .ecauth-role-card span{color:var(--muted);font-size:.76rem;display:block}.ecauth .ecauth-avatar-grid{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:4px;display:grid}.ecauth .ecauth-avatar-choice{cursor:pointer;background:#ffffff08;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:6px 0;font-size:1.3rem;line-height:1;display:flex}.ecauth .ecauth-avatar-choice.sel{border-color:var(--lime);background:#a8d4001a}.ecauth .ecauth-success{text-align:center;padding:10px 0}.ecauth .ecauth-success-ico{background:var(--lime);width:52px;height:52px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:26px;display:flex}.ecauth .ecauth-success h3{color:#fff;font-family:Georgia,serif}.ecauth .ecauth-success p{color:var(--muted);margin:8px 0 22px;font-size:.85rem;line-height:1.6}@media (width<=600px){.ecauth .ecauth-box{padding:22px}.ecauth .ecauth-role-grid{grid-template-columns:1fr}.ecauth .ecauth-avatar-grid{grid-template-columns:repeat(4,1fr)}.ecauth .ecauth-drawer{width:100vw;padding:26px 18px}.ecauth .ecauth-field input,.ecauth .ecauth-field select,.ecauth .ecauth-field textarea{padding:12px;font-size:16px}.ecauth .ecauth-btn-primary,.ecauth .ecauth-btn-ghost,.ecauth .ecauth-role-card,.ecauth .ecauth-avatar-choice{min-height:44px}.ecauth .ecauth-pw-toggle{width:44px;height:44px;right:0}.ecauth .ecauth-field-inline label{min-height:24px}}