/* Login/register UI for the Telegram OIDC flow. Keep this page-specific. */
#loginform,#registerform{display:flex;flex-direction:column}
#loginform>.forgetmenot{order:3}
#loginform>p.submit,#registerform>p.submit{order:4}
#loginform>.xiangxue-telegram-login-block,#registerform>.xiangxue-telegram-login-block{order:5}
.xiangxue-telegram-login-block{width:100%}
.xiangxue-telegram-login-divider{display:flex;align-items:center;gap:10px;margin:20px 0 14px;color:#74675d;font-size:12px;text-align:center}
.xiangxue-telegram-login-divider:before,.xiangxue-telegram-login-divider:after{content:"";height:1px;flex:1;background:#f2e9de}
.xiangxue-telegram-login-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;box-sizing:border-box;padding:0 16px;border:1px solid #229ed9;border-radius:16px;background:#229ed9;color:#fff!important;font-size:15px;font-weight:800;line-height:1.3;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}
.xiangxue-telegram-login-button:hover,.xiangxue-telegram-login-button:focus{border-color:#168dcc;background:#168dcc;color:#fff!important}
.xiangxue-telegram-login-button:active{transform:translateY(1px)}
.xiangxue-telegram-login-button__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#229ed9;font-size:13px;line-height:1}
.xiangxue-telegram-login-help{margin:8px 0 0;color:#74675d;font-size:12px;line-height:1.5;text-align:center}
.xiangxue-telegram-login-message{margin:12px 0;padding:10px 12px;border-radius:12px;line-height:1.5}
.xiangxue-telegram-completion{max-width:360px;margin:24px auto 0}
.xiangxue-telegram-completion h1{font-size:24px;font-weight:700}
.xiangxue-telegram-completion .description{color:#777;font-size:12px;line-height:1.5}
.xiangxue-telegram-completion .button-large{min-height:48px;width:100%;border-radius:16px}