/* LANDING BODY */

.landing-body
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.landing-body #header
{
    justify-content: center;
}

/* LOGO SECTION */

.landing-logo-section
{
    text-align: center;
    margin-top: 3rem;
}

/* LOGIN SECTION */

.landing-login-section
{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-login-wrapper
{
    width: 100%;
    max-width: 360px;
    padding: 0 24px;
}

.landing-card
{
    padding: 16px;
}

.landing-field
{
    margin-bottom: 10px;
}

.landing-field input[type="text"]
{
    text-align: left;
}

.landing-btn
{
    width: 100%;
    padding: 10px 12px;
    font-size: 0.95em;
}

.landing-forgot-link
{
    display: block;
    text-align: center;
    margin-top: 12px;
    color: var(--text-light);
    text-decoration: none;
    font-size: 0.85em;
    transition: color 0.2s;
}

.landing-forgot-link:hover
{
    color: var(--primary);
    text-decoration: underline;
}

.landing-public-link
{
    display: block;
    text-align: center;
    margin-top: 8px;
    color: var(--primary);
    text-decoration: none;
    font-size: 0.88em;
    font-weight: 500;
    transition: opacity 0.2s;
}

.landing-public-link:hover
{
    opacity: 0.75;
    text-decoration: underline;
}

/* NAV SECTION */

#nav_section
{
    max-width: 600px;
    margin: 0 auto;
}

/* FOOTER — ASSOCIATION LOGO (bottom-left) */

.landing-footer-left
{
    position: fixed;
    bottom: 3rem;
    left: 3rem;
    z-index: 50;
}

.landing-footer-left img
{
    height: 180px;
    width: auto;
}

/* FOOTER — DPS BADGE (bottom-right) */

.landing-dps-badge
{
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    z-index: 50;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.10);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-dps-badge img
{
    height: 90px;
    width: auto;
}

/* DESKTOP — Logo Hive +50% */

@media (min-width: 769px)
{
    #logo_hive {max-width: 270px;}
}

/* RESPONSIVE 768px */

@media (max-width: 768px)
{
    /* Logo Hive */
    .landing-logo-section {margin-top: 1rem;}
    #logo_hive {max-width: none; width: 37.5vw;}

    /* Login */
    .landing-login-section {flex: none;}
    .landing-login-wrapper {max-width: none; width: 65vw; padding: 0 4vw;}
    .landing-card {padding: 20px 16px; font-size: 1em;}
    .landing-card input {padding: 10px 12px; font-size: 0.95em;}
    .landing-btn {padding: 10px 12px; font-size: 0.95em;}

    /* Footer — mobile positioning */
    .landing-footer-left {bottom: 1rem; left: 1rem;}
    .landing-footer-left img {height: 120px;}

    .landing-dps-badge {bottom: 1rem; right: 1rem; padding: 8px 10px;}
    .landing-dps-badge img {height: 60px;}

    #nav_section {padding: 0 16px;}
}

/* RESPONSIVE 480px */

@media (max-width: 480px)
{
    .landing-logo-section {margin-top: 1rem;}
    #logo_hive {width: 37.5vw;}

    .landing-login-wrapper {width: 76vw; padding: 0 2vw; margin-top: 2rem;}
    .landing-card {padding: 22px 19px; font-size: 1.04em;}

    .landing-footer-left img {height: 96px;}
    .landing-dps-badge img {height: 54px;}
}