:root{
		  --bw-purple: #8f0a93;
		  --bw-purple-dark: #6f0673;
		  --bw-yellow: #f7e04a;
		  --bw-yellow-dark: #e6c900;
		  --bw-text: #3d2450;
		}

		.login-modal{
		  border-radius: 18px;
		  overflow: hidden;
		  background: #fff;
		}

		.login-modal-header{
		  background: linear-gradient(135deg, var(--bw-purple), var(--bw-purple-dark));
		  padding: 1rem 1.25rem;
		}

		.text-light-purple{
		  color: var(--bw-text);
		}

		.login-input{
		  border: 1px solid rgba(143, 10, 147, 0.25);
		  border-radius: 12px;
		  padding: 0.75rem 1rem;
		  box-shadow: none;
		}

		.login-input:focus{
		  border-color: var(--bw-purple);
		  box-shadow: 0 0 0 0.2rem rgba(143, 10, 147, 0.15);
		}

		.btn-login{
		  background: var(--bw-yellow);
		  color: #3b2250;
		  border: 0;
		  border-radius: 12px;
		  padding: 0.8rem 1rem;
		}

		.btn-login:hover{
		  background: var(--bw-yellow-dark);
		  color: #2d1a3d;
		}

		.login-link{
		  color: var(--bw-purple);
		  text-decoration: none;
		  font-weight: 600;
		}

		.login-link:hover{
		  text-decoration: underline;
		}