.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#1a202c;padding:20px}.auth-card{background-color:#2d3748;padding:40px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;text-align:center;color:#e2e8f0}.auth-title{font-size:2rem;margin-bottom:20px;color:#63b3ed}.auth-subtitle{font-size:1rem;margin-bottom:20px;color:#a0aec0}.auth-form{display:flex;flex-direction:column;gap:15px}.form-group{text-align:left}.form-group label{display:block;margin-bottom:5px;font-weight:700}.input-field{width:100%;padding:10px;border:1px solid #4a5568;border-radius:4px;background-color:#2d3748;color:#e2e8f0;box-sizing:border-box}.input-field:focus{outline:none;border-color:#63b3ed;box-shadow:0 0 0 2px #63b3ed80}.btn-primary{background-color:#63b3ed;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease}.btn-primary:hover{background-color:#4299e1}.btn-primary:disabled{background-color:#4a5568;cursor:not-allowed}.error-message{color:#fc8181;margin-top:-10px;margin-bottom:10px;font-size:.9rem}.auth-links{margin-top:20px;display:flex;flex-direction:column;gap:10px}.link-text{color:#63b3ed;text-decoration:none;font-size:.9rem}.link-text:hover{text-decoration:underline}.link-button{background:none;border:none;color:#63b3ed;cursor:pointer;font-size:.9rem;text-decoration:none;padding:0;font-family:inherit}.link-button:hover{text-decoration:underline}