.login-page-wrap{
	min-height: calc(100vh - var(--nav-h, 0px) - var(--footer-h, 0px));
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 12px;
}
.login-card{
	width: 100%;
	max-width: 420px;
}
/* Zadrzan izgled modala, bez ponasanja modala. */
.login-card .modal-content{
	border-radius: var(--r-lg);
	overflow: hidden;
	background: linear-gradient(160deg, var(--accent-soft), var(--bg-primary) 46%);
}

/* Brend potez na vrhu - jedini ukras na ekranu za prijavu. */
.login-card .modal-content::before{
	content:'';
	display:block;
	height:2px;
	background: linear-gradient(90deg, transparent, var(--red-light), transparent);
	opacity:.7;
}

.login-card .modal-title{
	color: var(--text-heading);
	font-weight: 700;
	letter-spacing: .02em;
}

.login-card .modal-body{ padding: 24px; }

.login-card .form-check-input{
	background-color: var(--bg-tertiary);
	border-color: var(--border-light);
}

.login-card .form-check-input:checked{
	background-color: var(--red-accent);
	border-color: var(--border-hover);
}

.login-card .form-check-input:focus{
	border-color: var(--border-hover);
	box-shadow: var(--ring-accent);
}

.login-card .form-check-label{
	color: var(--text-secondary);
	font-size: .9rem;
}

.login-card a{
	color: var(--link);
	font-size: .88rem;
}

.login-card a:hover{ color: var(--link-hover); }