.editorial-shadow {
background: var(--fnv-surface);
border: 2px solid var(--fnv-ink);
box-shadow: none;
transition: transform 0.3s;
}
.editorial-shadow:hover {
transform: translate(-2px, -2px);
box-shadow: none;
}
.auth-title {
font-family: var(--fnv-font-heading);
font-weight: 900;
font-size: 1.8rem;
color: var(--fnv-ink);
margin-bottom: 8px;
}
.auth-subtitle {
font-family: var(--fnv-font-body);
font-size: .95rem;
color: var(--fnv-ink-muted);
line-height: 1.6;
}
.form-label-custom {
font-family: var(--fnv-font-heading);
font-weight: 800;
font-size: .95rem;
color: var(--fnv-ink);
display: block;
margin-bottom: 8px;
}
.form-control-editorial {
width: 100%;
padding: 12px 16px;
background: var(--fnv-surface);
border: 2px solid var(--fnv-border);
border-radius: 0;
font-family: var(--fnv-font-body);
color: var(--fnv-ink);
transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
}
.form-control-editorial:focus {
background: var(--fnv-surface);
border-color: var(--fnv-ink);
outline: none;
box-shadow: none;
}
.forgot-pass-link {
font-family: var(--fnv-font-body);
font-size: .85rem;
font-weight: 600;
color: var(--fnv-ink-3);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
}
.forgot-pass-link:hover {
color: var(--fnv-ink);
border-bottom-color: var(--fnv-ink);
}
.auth-separator {
position: relative;
text-align: center;
}
.auth-separator:before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: var(--fnv-ink);
opacity: 0.2;
}
.editorial-checkbox {
border: 2px solid var(--fnv-border);
border-radius: 0 !important;
cursor: pointer;
}
.editorial-checkbox:checked {
background-color: var(--fnv-ink) !important;
border-color: var(--fnv-ink) !important;
}
.custom-checkbox .form-check-label {
font-family: var(--fnv-font-body);
font-size: .95rem;
font-weight: 600;
color: var(--fnv-ink-2);
cursor: pointer;
}
.btn-editorial-solid {
background: var(--fnv-ink);
color: var(--fnv-bg) !important;
border: 2px solid var(--fnv-ink);
border-radius: 0;
font-family: var(--fnv-font-heading);
font-weight: 800;
text-transform: uppercase;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
}
.btn-editorial-solid:hover {
background: var(--fnv-surface);
color: var(--fnv-ink) !important;
}
.editorial-link {
border-bottom: 2px solid var(--fnv-ink);
padding-bottom: 1px;
transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
}
.editorial-link:hover {
background: var(--fnv-ink);
color: var(--fnv-bg) !important;
}
.auth-intent {
margin: 12px 0 0;
padding: 8px 12px;
border-inline-start: 3px solid var(--fnv-ink);
font-family: var(--fnv-font-body);
font-size: .875rem;
line-height: 1.6;
color: var(--fnv-ink);
text-align: start;
}