@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}@keyframes titleFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(23,162,184,0.7);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(23,162,184,0);transform:scale(1.05)}100%{box-shadow:0 0 0 0 rgba(23,162,184,0);transform:scale(1)}}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}body{background:#f5f7ff}.auth-container{padding:2rem 0;background:linear-gradient(135deg, #f6f8ff 0%, #f0f3ff 100%);animation:gradientShift 10s ease infinite}.auth-box{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 30px rgba(8,0,50,0.06);width:95%;max-width:800px;margin:0 auto;transition:all 0.3s ease}.auth-box h2{text-align:center;margin-bottom:2rem;color:#1a1a2e;font-size:1.75rem;font-weight:600;letter-spacing:-0.5px}form{display:grid;gap:1.5rem}.register-form{grid-template-columns:repeat(2, 1fr)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:0.5rem;color:#1a1a2e;font-weight:500;font-size:0.95rem}.form-control{width:100%;padding:0.875rem 1rem;border:1.5px solid #e0e4e8;border-radius:6px;font-size:1rem;transition:all 0.3s ease}.form-control:focus{border-color:#1a1a2e;outline:none;box-shadow:0 0 0 3px rgba(8,0,50,0.1)}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23080032' d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.auth-box .btn{padding:0.875rem 1.5rem;font-weight:500;letter-spacing:0.3px;transition:all 0.3s ease}.auth-box .btn-primary{background-color:#00b7b7;border-color:#00b7b7}.auth-box .btn-primary:hover{background-color:#02a8a8;border-color:#02a8a8}.auth-box .grid-column-span-2{grid-column:span 2}.alert{margin-bottom:1.5rem;padding:1rem 1.25rem;border-radius:6px;font-size:0.95rem;grid-column:span 2}.alert-danger{background-color:#fff2f2;border-color:#ffd9d9;color:#dc3545}.mt-3{margin-top:1.5rem !important}.text-center{text-align:center;grid-column:span 2}.w-100{width:100%}a{color:#00b7b7;text-decoration:none;font-weight:500;transition:color 0.3s ease}a:hover{color:#02a8a8}.btn-light{border:1px solid #ddd;background-color:#fff;color:#333}.btn-light:hover{background-color:#f8f9fa}@media (max-width: 768px){.auth-box{padding:1.5rem;max-width:95%}form .form-group{grid-column:span 2}.register-form{grid-template-columns:1fr;gap:0}.login-auth-box .register-form{gap:1rem !important}.btn-primary,.alert,.text-center{grid-column:span 1}}
