.login-box {width: 100%; max-width: 800px; margin: 0 auto; padding: 50px 0; border: 1px solid #eee;}
.login-row {display: flex; align-items: stretch; justify-content: center; gap: 12px; max-width: 460px; margin: 0 auto;}
.login-input-group {display: flex; flex-direction: column; gap: 12px; width: 100%;}

.login-input {width: 100%; height: 40px; padding: 0 16px; border: 1px solid #e5e5e5; background: #fff; font-size: 16px; color: #666; outline: 0;}
.login-input::placeholder {color: #666;}

.login-btn {display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 150px; height: 90px; border: 0; background: #415971; font-size: 18px; text-align: center; font-weight: 400; color: #fff; cursor: pointer;}
.login-notice {max-width: 460px; margin: 20px auto 0; padding: 15px 15px; background: #f9f9f9;}
.login-notice p {font-size: 13px; line-height: 23px; color: #444; font-weight: 300; word-break: keep-all; padding-left: 10px; text-indent: -8px;}

@media (max-width:768px) {
.login-box {padding: 40px 20px;}
.login-row {flex-direction: column; max-width: 100%;}
.login-input {height: 48px; font-size: 16px;}
.login-btn {width: 100%; height: 52px; font-size: 20px;}
.login-notice {max-width: 100%; padding: 22px 18px;}
.login-notice p {font-size: 14px;}
}