/* Property Stop — Sign In */



.ps-signin {

    --ps-red: #e30613;

    --ps-navy: #270d46;

    --ps-grey: #6f6f6e;



    margin: 0;

    min-height: 100vh;

    font-family: Montserrat, Helvetica, sans-serif;

    color: #000;

    background: var(--ps-navy);

    overflow-x: hidden;

    box-sizing: border-box;

}



.ps-signin *,

.ps-signin *::before,

.ps-signin *::after {

    box-sizing: border-box;

}



.ps-signin__stage {

    position: relative;

    min-height: 100vh;

    display: grid;

    place-items: center;

    padding: clamp(1.5rem, 4vw, 3rem);

    background: var(--ps-navy);

}



.ps-signin__panel {

    position: relative;

    z-index: 1;

    width: min(100%, 26rem);

    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 1.75rem;

    animation: ps-signin-rise 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;

}



.ps-signin__brand {

    text-align: center;

}



.ps-signin__logo {

    display: block;

    width: min(100%, 15.5rem);

    height: auto;

    margin: 0 auto 1rem;

}



.ps-signin__lede {

    margin: 0;

    font-size: 0.95rem;

    font-weight: 600;

    letter-spacing: 0.04em;

    color: rgba(255, 255, 255, 0.78);

}



.ps-signin__form {

    display: flex;

    flex-direction: column;

    gap: 0.9rem;

    width: 100%;

    padding: 1.5rem 1.35rem 1.35rem;

    background: #fff;

    border-radius: 6px;

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);

    animation: ps-signin-rise 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;

}



.ps-signin__field {

    display: flex;

    flex-direction: column;

    gap: 0.35rem;

    width: 100%;

    min-width: 0;

}



.ps-signin__field label {

    font-size: 0.72rem;

    font-weight: 700;

    letter-spacing: 0.06em;

    text-transform: uppercase;

    color: var(--ps-navy);

}



.ps-signin__field input {

    display: block;

    width: 100%;

    max-width: 100%;

    height: 2.85rem;

    padding: 0 0.95rem;

    border: 1px solid rgba(39, 13, 70, 0.18);

    border-radius: 6px;

    background: #fff;

    font-family: inherit;

    font-size: 0.95rem;

    font-weight: 500;

    color: #000;

    transition: border-color 0.18s ease, box-shadow 0.18s ease;

}



.ps-signin__field input::placeholder {

    color: #9a9a99;

    font-weight: 500;

}



.ps-signin__field input:focus {

    outline: none;

    border-color: var(--ps-navy);

    box-shadow: 0 0 0 3px rgba(135, 193, 201, 0.45);

}



.ps-signin__error {

    margin: 0;

    padding: 0.65rem 0.75rem;

    border-radius: 6px;

    background: rgba(227, 6, 19, 0.08);

    color: var(--ps-red);

    font-size: 0.9rem;

    font-weight: 700;

    text-align: center;

}



.ps-signin__submit {

    margin-top: 0.35rem;

    width: 100%;

    height: 3rem;

    border: 0;

    border-radius: 6px;

    background: var(--ps-red);

    color: #fff;

    font-family: inherit;

    font-size: 0.95rem;

    font-weight: 700;

    letter-spacing: 0.02em;

    cursor: pointer;

    transition: background-color 0.18s ease, transform 0.18s ease;

}



.ps-signin__submit:hover,

.ps-signin__submit:focus {

    background: var(--ps-navy);

    outline: none;

}



.ps-signin__submit:active {

    transform: scale(0.98);

}



.ps-signin__version {

    margin: 0.9rem 0 0;

    color: var(--ps-grey);

    font-size: 0.75rem;

    font-weight: 600;

    letter-spacing: 0.04em;

    text-align: center;

}



@keyframes ps-signin-rise {

    from {

        opacity: 0;

        transform: translateY(18px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



@media (max-width: 480px) {

    .ps-signin__logo {

        width: min(100%, 12.5rem);

    }



    .ps-signin__form {

        padding: 1.25rem 1.1rem 1.15rem;

    }

}



@media (prefers-reduced-motion: reduce) {

    .ps-signin__panel,

    .ps-signin__form {

        animation: none;

    }

}