/* © 2026 Galaxy Host. All Rights Reserved. by vincent */
.auth-card { max-width: 460px; margin: 0 auto 90px; padding: 36px 34px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1); border-radius: 20px; box-shadow: 0 20px 50px rgba(0, 0, 0, .25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .auth-field { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; } .auth-field label { display: flex; align-items: center; gap: 8px; color: #FFFFFF; font-size: 15px; font-weight: 700; } .auth-field label i { color: #60A5FA; font-size: 14px; } .auth-field input { width: 100%; box-sizing: border-box; padding: 13px 16px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; background: rgba(255, 255, 255, .06); color: #FFFFFF; font-size: 15px; font-weight: 600; font-family: inherit; outline: none; transition: .3s; } .auth-field input::placeholder { color: rgba(255, 255, 255, .35); font-weight: 500; } .auth-field input:focus { border-color: #3B82F6; background: rgba(255, 255, 255, .08); box-shadow: 0 0 0 3px rgba(59, 130, 246, .25); } .auth-error { min-height: 18px; margin: 0; color: #F87171; font-size: 13px; font-weight: 600; } .auth-submit { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px; border: none; border-radius: 10px; background: linear-gradient(135deg, #3B82F6, #2563EB); color: #FFFFFF; font-size: 16px; font-weight: 800; font-family: inherit; cursor: pointer; transition: .3s; box-shadow: 0 10px 24px rgba(37, 99, 235, .35); } .auth-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(37, 99, 235, .5); } .auth-success { margin-top: 18px; padding: 13px 16px; border: 1px solid rgba(16, 185, 129, .4); border-radius: 10px; background: rgba(16, 185, 129, .12); color: #34D399; font-size: 14px; font-weight: 700; text-align: center; } .auth-switch { margin-top: 22px; text-align: center; color: rgba(255, 255, 255, .55); font-size: 14px; font-weight: 600; } @media (max-width: 560px) { .auth-card { margin: 0 auto 60px; padding: 28px 22px; } }