/* Sign-in page styles, extracted from the imported markup.
   CLAUDE.md guardrail 2: no inline style attributes. */

@media (prefers-reduced-motion: reduce) {
		
		
		
	}

	@media (prefers-contrast: high) {
		
		
		
	}

.gp-a1 { background-image:radial-gradient(circle, rgba(251,244,228,0.55) 1px, transparent 1.4px);background-size:26px 26px; }

/* Validation feedback. sendLink() returns back()->withErrors, and an expired or
   replayed sign-in link redirects here with an error too, so without this the
   user is silently bounced to an empty form with no idea what went wrong. */
.gp-auth-error {
    margin: 10px 0 0;
    font-size: 13.5px;
    line-height: 1.45;
    color: #A8351A;
}

/* The submit button is a <button>, and .btn-primary sets no cursor. Browsers
   give buttons the default arrow (only links get a pointer), so the CTA had a
   hover colour change but never signalled it was clickable. The home page's
   CTAs are all <a> elements, which is why this only shows up here. */
button.btn-primary {
    cursor: pointer;
}
button.btn-primary:disabled {
    cursor: not-allowed;
}

/* Secondary action on an error page, under the primary "Take me home". */
.gp-error-extra { margin-top: 14px; }
.gp-error-extra a {
    display: inline-block;
    font-size: 14.5px;
    font-weight: 600;
    color: rgba(61, 30, 74, 0.72);
    text-decoration: none;
}
.gp-error-extra a:hover { color: #3D1E4A; text-decoration: underline; }