body.auth-page { margin: 0; padding: 24px; min-height: 100vh; background: #f5f7fb; color: #172b43; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; display: flex; align-items: center; justify-content: center; }
.auth-page .container { max-width: 560px; width: 100%; padding: 0; }
.auth-page .card, .auth-page .login-card { border: 1px solid #e5eaf0; border-radius: 14px; padding: 32px; box-shadow: 0 8px 35px #172b4308; }
.auth-page .logo, .auth-page .icon { width: 56px; height: 56px; border-radius: 12px; background: #355ce0; font-size: 25px; }
.auth-page h1 { font-size: 23px; line-height: 1.5; color: #172b43; }
.auth-page .btn { background: #355ce0; border-radius: 7px; box-shadow: none; }
.auth-page .btn:hover { background: #294dca; transform: none; box-shadow: none; }
.auth-page input { box-sizing: border-box; width: 100%; border: 1px solid #dce3ed; border-radius: 7px; }
.auth-page :focus-visible { outline: 3px solid #91abff; outline-offset: 3px; }
.auth-page .message { overflow-wrap: anywhere; }
@media(max-width:480px) { body.auth-page { padding: 16px; } .auth-page .card, .auth-page .login-card { padding: 24px; } }