body { margin: 0; padding: 2rem 1rem; min-height: 100vh; font-family: 'Inter', system-ui, sans-serif; display: flex; align-items: center; justify-content: center; background: #0d6efd; background-image: url('../front/image/bg_image/bg-4.jpg'); background-repeat: repeat-x; background-position: 0 50%; background-size: auto 100%; animation: scrollBackground 120s linear infinite; }
@keyframes scrollBackground { 0% { background-position: 0 50%; } 100% { background-position: -1000px 50%; } }
.auth-box { width: 100%; max-width: 440px; background: #fff; border-radius: 20px; box-shadow: 0 25px 50px rgba(0,0,0,0.15); padding: 2.25rem 2rem; text-align: center; }
.auth-title { color: #1e293b; font-weight: 700; font-size: 1.5rem; margin: 0 0 1rem; }
.auth-box p { color: #64748b; margin: 0 0 1.5rem; line-height: 1.5; }
.form-control { border-radius: 12px; padding: 0.75rem 1rem; border: 1px solid #e2e8f0; }
.form-control:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.12); outline: none; }
.btn-primary { border-radius: 12px; padding: 0.85rem; font-weight: 600; width: 100%; background: #2563eb; border: none; }
.btn-primary:hover { background: #1d4ed8; }
.switch-link { margin-top: 1.5rem; }
.switch-link a { color: #2563eb; font-weight: 600; text-decoration: none; }
.switch-link a:hover { text-decoration: underline; }