:root {
    font-size: 16px;
    font-family: 'AvenirNextW04Regular' !important;
    color: #1C68F7;
    --text-primary: #1C68F7;
    --text-secondary: #B539AF;
    --bg-primary: #280578;
    --bg-secondary: #1C68F7;
    --bg-tertiary: #000000;
    --surface: #280578;
    --border-soft: #1C68F7;
    --input-bg: #280578;
    --input-border: #1C68F7;
    --input-focus: #B539AF;
    --primary: #280578;
    --secondary: #1C68F7;
    --light: #1C68F7;
    --dark: #000000;
}

/* BODY */

.auth-back {
    background: #280578;
    height: 100vh;
    margin: 0;
    color: #1C68F7;
}




.hu-footer-bg {
    background: #280578;
    height: 100vh;
    margin: 0;
}


body::-webkit-scrollbar {
    width: 0.25rem;
}

body::-webkit-scrollbar-track {
    background: #280578;
}

body {
    color: #1C68F7;
    font-family: 'AvenirNextW04Regular' !important;
    letter-spacing: 0.1px;
}

/* Hide nav/header on login page */
.responsive-header,
.hu-header,
.bottom-mockup,
.bottombar,
#login-time-left-widget,
#timers-logged-wrapper,
.sidebar.static.left {
    display: none !important;
}




/********************/
    /* INPUTS */
/*******************/
.hu-input {
    border-radius: 2rem !important;
}

.hu-text-input {
    background: var(--input-bg) !important;
    border-radius: 2rem !important;
    color: var(--text-primary) !important;
}

.auth-back .hu-input,
.auth-back .uk-input {
    background: var(--input-bg) !important;
    border: 1px solid var(--input-border) !important;
    color: var(--text-primary) !important;
    padding: 0.85rem 1.1rem !important;
    transition: border-color 0.2s ease;
}

.auth-back .hu-input::placeholder,
.auth-back .uk-input::placeholder {
    color: #B539AF;
}

.auth-back .hu-input:focus,
.auth-back .uk-input:focus {
    border-color: var(--input-focus) !important;
}

.auth-back .uk-fieldset {
    margin-top: 1rem;
}

.auth-back .main-wraper,
.auth-back .uk-card-default {
    background: var(--surface) !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 1.6rem !important;
}

.auth-back .main-wraper {
    padding: 1.8rem 2rem !important;
}

.auth-back .uk-card-default.uk-card-body {
    padding: 1.6rem 2rem !important;
}

.auth-back h4.hu-regular {
    letter-spacing: 0.3px;
    text-transform: lowercase;
    font-weight: 200;
    font-size: 1.4em;
}

.auth-back .main-title {
    color: var(--text-primary);
    text-transform: lowercase;
    font-weight: 200;
    font-size: 1.4em;
}

.auth-back .admmin-timers-logged-box {
    border-radius: 2.4rem !important;
    border: 1px solid #1C68F7 !important;
    background: #280578 !important;
    color: var(--text-primary) !important;
    padding: 0.65rem 1.4rem !important;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    transition: border-color 0.2s ease;
}

.auth-back .admmin-timers-logged-box:hover {
    border-color: #B539AF !important;
}

.auth-back .admmin-timers-logged-box i {
    font-size: 1.5rem !important;
}

.auth-back #togglePassword {
    cursor: pointer;
    color: #1C68F7;
    transition: color 0.2s ease;
}

.auth-back #togglePassword:hover {
    color: #B539AF;
}

/**************************/
    /* SMALL SCREENS */
/*************************/

@media only screen and (max-width: 600px) {

    .hu-mobile-not-visible {
        display: none !important;

    }

    .auth-back .main-wraper,
    .auth-back .uk-card-default {
        border-radius: 1.2rem !important;
    }
}



.main-title::before {
    background: transparent !important;
}


.auth-back {
    overflow: auto !important;
}



.login-btn {
    border-radius: 3rem !important;
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: transparent !important;
    color: var(--text-primary) !important;
    transition: .2s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    cursor: pointer;
    text-decoration:none !important;


}

.auth-back .login-btn:hover .uk-card-default {
    border-color: #B539AF !important;
}

.auth-back .animate-character {
    text-shadow: none;
}

.auth-back .bottom-mockup img {
    opacity: 1;
    filter: none;
}

.auth-back .bottombar {
    background: #280578;
    border-top: 1px solid #1C68F7;
}


.hu-btn:hover {
    box-shadow: none;
}

.auth-back h1,
.auth-back h2,
.auth-back h3,
.auth-back h5,
.auth-back h6 {
    text-transform: lowercase;
    font-weight: 200;
    letter-spacing: 0.3px;
}

/* Tailwind fallback for key components (keeps page usable before build) */
.humoov-card {
    background: #280578 !important;
    border: 1px solid #1C68F7 !important;
    border-radius: 28px !important;
    padding: 2rem !important;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.humoov-input {
    width: 100%;
    background: #280578 !important;
    color: #1C68F7 !important;
    border: 1px solid #1C68F7 !important;
    border-radius: 9999px !important;
    padding: 0.75rem 1rem !important;
}

.humoov-input:focus {
    border-color: #B539AF !important;
}

.humoov-button {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    border-radius: 9999px !important;
    border: 1px solid #1C68F7 !important;
    background: #280578 !important;
    color: #000000 !important;
    padding: 0.75rem 1.5rem !important;
    letter-spacing: 0.06em;
}

.hidden {
    display: none !important;
}

.auth-back .uk-card-body p,
.auth-back .main-wraper p,
.auth-back .main-wraper span {
    font-size: 1rem;
    line-height: 1.6;
}

.auth-back .uk-card-body h1,
.auth-back .uk-card-body h5 {
    text-transform: lowercase;
    font-weight: 200;
}

.auth-back .uk-card-default.uk-card-body p {
    font-size: 1rem;
}

.auth-back .uk-card-default.uk-card-body .hu-bold,
.auth-back .hu-bold {
    font-weight: 400;
}

.auth-back .uk-card-default.uk-card-body .hu-regular,
.auth-back .hu-regular {
    font-weight: 400;
}

.auth-back .uk-card-default.uk-card-body .hu-text {
    letter-spacing: 0.2px;
}

.auth-back .uk-card-default.uk-card-body {
    min-height: 100%;
}

.auth-back .uk-card-default.uk-card-body .animate-character {
    letter-spacing: 0.2px;
}

.auth-back .uk-card-default.uk-card-body p.animate-character {
    font-size: 1.15rem;
}

.auth-back .uk-card-default.uk-card-body p {
    margin-top: 0.6rem;
}

.auth-back .uk-card-default.uk-card-body h1 {
    margin-bottom: 0.2rem;
}

.auth-back .uk-card-default.uk-card-body h5 {
    margin-bottom: 0.6rem;
}