/* ===========================================================
   Tropical Collection — Login screen
   =========================================================== */

.tc-login {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    background: var(--tc-body-bg);
}
@media (max-width: 920px) {
    .tc-login { grid-template-columns: 1fr; }
    .tc-login__aside {
        min-height: 220px;
        padding: 40px 24px !important;
    }
}

/* Левая — только wordmark на тёмно-зелёном фоне (бренд не меняется от темы) */
.tc-login__aside {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(22, 48, 36, 0.95) 0%, rgba(31, 59, 45, 1) 100%),
        radial-gradient(circle at 30% 20%, #2D5A43 0%, #1F3B2D 60%);
    color: #F5EFE6;
    padding: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Мягкие световые блики */
.tc-login__aside::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 82% 12%, rgba(184, 154, 94, 0.22) 0%, transparent 50%),
        radial-gradient(circle at 18% 88%, rgba(245, 239, 230, 0.10) 0%, transparent 55%);
    pointer-events: none;
}
.tc-login__aside::after {
    content: "";
    position: absolute;
    top: 24px;
    left: 24px;
    width: 44px;
    height: 1px;
    background: rgba(245, 239, 230, 0.35);
}

.tc-login__wordmark {
    position: relative;
    z-index: 1;
    font-family: var(--font-serif);
    font-weight: 500;
    color: #F5EFE6;
    line-height: 0.95;
    letter-spacing: -0.02em;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    animation: tc-wordmark-in .8s cubic-bezier(.2,.7,.2,1) both;
}
.tc-login__wordmark-line-1,
.tc-login__wordmark-line-2 {
    font-size: clamp(3rem, 9vw, 6.5rem);
    display: block;
}
.tc-login__wordmark-line-2 {
    font-style: italic;
    color: #B89A5E;
    margin-left: 0.5em;
}

@keyframes tc-wordmark-in {
    from { opacity: 0; transform: translateY(18px); filter: blur(4px); }
    to   { opacity: 1; transform: translateY(0);    filter: blur(0); }
}

/* Правая колонка — форма (наследует тему) */
.tc-login__form-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
}
.tc-login__form {
    width: 100%;
    max-width: 420px;
}
.tc-login__form h2 {
    font-size: 2rem;
    margin-bottom: 8px;
}
.tc-login__form .tc-login__sub {
    color: var(--tc-text-muted);
    margin-bottom: 32px;
    font-size: 0.98rem;
}
.tc-login__help {
    text-align: center;
    margin-top: 24px;
    color: var(--tc-text-muted);
    font-size: 0.88rem;
}

/* Переключатель темы на логине (floating) — чуть темнее фон, чтобы не сливаться */
[data-theme="light"] .tc-theme-toggle--floating {
    background: #FFFFFF;
}