.auth-welcome{text-align:center;margin:4px 0 22px}.auth-welcome>img{width:51px;height:51px;margin:0 auto 13px}.auth-welcome h3{font-size:22px;font-weight:600;margin:8px 0}.auth-welcome p{font-size:12px;color:var(--muted);margin:8px 0}.auth-demo-note{font-size:12px;color:#a28a5d;background:#faf1df;border-radius:8px;padding:12px 14px;margin:0 0 20px;line-height:1.9}.auth-code-row{display:flex;border:1px solid #e1e6d9;border-radius:8px;overflow:hidden}.auth-code-row>input{border:0;border-radius:0;min-width:0;flex:1}.auth-code-row>button{font-size:12px;white-space:nowrap;color:var(--green);padding:0 14px;background:#eff9e7}.auth-submit{width:100%;margin-top:20px}.auth-divider{display:flex;align-items:center;gap:10px;margin:27px 0 22px;color:var(--muted);font-size:12px;white-space:nowrap}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e8ecdf;flex:1}.auth-providers{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.auth-providers button{display:flex;align-items:center;flex-direction:column;gap:6px;padding:8px 4px;border-radius:9px}.auth-providers button:hover{background:#f2fae9}.auth-providers button>span{height:37px;width:37px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:600}.auth-providers b{font-size:12px;font-weight:500}.auth-providers small{font-size:12px;color:var(--muted)}.auth-footnote{font-size:12px;color:var(--muted);line-height:1.9;text-align:center;margin:21px 0 0}dialog:has(.auth-welcome){width:min(470px,calc(100% - 30px))}dialog:has(.auth-welcome) .modal-body{padding:25px 33px 28px}.top-avatar.login-entry{font-size:12px;letter-spacing:0;background:#eaf9df;color:var(--green)}
@media(max-width:760px){dialog:has(.auth-welcome) .modal-body{padding:20px 22px 24px}.auth-welcome h3{font-size:20px}.auth-demo-note{font-size:12px}.auth-providers{gap:5px}.auth-providers button>span{width:34px;height:34px;font-size:16px}.auth-code-row>button{font-size:12px;padding:0 10px}.auth-footnote{font-size:12px}}

.auth-welcome>img{height:64px;width:64px}.auth-welcome p{font-size:14px}.auth-demo-note{font-size:13px;color:#79611d;background:#fff6d7}.auth-code-row>button{font-size:13px;color:var(--green)}.auth-divider,.auth-footnote{font-size:12px;color:var(--muted)}.auth-providers b{font-size:12px}.auth-providers small{font-size:12px}.auth-providers{gap:5px}.auth-providers button{padding:8px 1px}
@media(max-width:760px){.auth-demo-note{font-size:12px}.auth-code-row>button{font-size:13px;padding:0 10px}.auth-footnote{font-size:12px}.auth-providers small{font-size:11px}}