/* Extracted from login.php */

.login-passkey-copy {
			margin: 0 0 14px;
			font-size: 13px;
			line-height: 1.6;
			color: #435369;
			text-align: left;
		}

		.login-action-stack {
			display: grid;
			gap: 10px;
			width: min(100%, 340px);
			margin: 0 auto;
		}

		.login-primary-btn,
		.login-passkey-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			min-height: 48px;
			padding: 12px 18px;
			border-radius: 14px;
			font: inherit;
			font-size: 14px;
			font-weight: 800;
			cursor: pointer;
			transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease;
		}

		.login-primary-btn {
			border: 1px solid #1d4ed8;
			background: linear-gradient(135deg, #1d4ed8 0%, #0f3ca8 100%);
			color: #ffffff;
			box-shadow: 0 12px 24px rgba(29, 78, 216, 0.22);
		}

		.login-primary-btn:hover,
		.login-passkey-btn:hover:not(:disabled) {
			filter: brightness(1.03);
			transform: translateY(-1px);
		}

		.login-passkey-btn {
			border: 1px solid rgba(37, 99, 235, 0.18);
			background: linear-gradient(180deg, rgba(246, 250, 255, 0.98) 0%, rgba(233, 242, 255, 0.98) 100%);
			color: #15325f;
			box-shadow: 0 10px 20px rgba(29, 78, 216, 0.08);
		}

		.login-passkey-btn:disabled {
			opacity: 0.72;
			cursor: wait;
			box-shadow: none;
		}

		.login-divider {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 2px 0;
			color: #6b7b91;
			font-size: 11px;
			font-weight: 800;
			letter-spacing: 0.18em;
			text-transform: uppercase;
		}

		.login-divider::before {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			top: 50%;
			border-top: 1px solid rgba(132, 156, 191, 0.28);
			transform: translateY(-50%);
		}

		.login-divider span {
			position: relative;
			padding: 0 10px;
			background: #ffffff;
		}

		.login-passkey-note {
			margin: 0;
			font-size: 12px;
			line-height: 1.55;
			color: #54657c;
			text-align: left;
		}

		.login-passkey-unavailable {
			margin: 0;
			padding: 12px 13px;
			border: 1px solid rgba(180, 93, 0, 0.16);
			border-radius: 14px;
			background: linear-gradient(180deg, rgba(255, 248, 235, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
			color: #8a5b12;
			font-size: 13px;
			line-height: 1.55;
		}

		@media (max-width: 540px) {
			.login-action-stack {
				width: 100%;
			}

			.login-primary-btn,
			.login-passkey-btn {
				width: 100%;
			}
		}

/* Christmas gallery layout extracted from login.php */

/* MEDIA QUERIES */
				@media screen and (min-width: 63.5em) {
					.leftColumn {
						float: left;
						width: 50%;
					}

					.middleColumn1 {
						float: left;
						width: 50%;
					}

					.middleColumn2 {
						float: left;
						width: 50%;
					}

					.rightColumn {
						float: right;
						width: 50%;
					}

					#container {
						margin: 0 100px 300px 100px;
					}

					.photo {
						margin: 0 0 40px 0;
						text-align: center;
					}
				}

				#container {
					padding: 0 0 100px 0
				}