.elementor-5515 .elementor-element.elementor-element-439a614{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5515 .elementor-element.elementor-element-ef28869{width:100%;max-width:100%;}.elementor-5515 .elementor-element.elementor-element-ef28869 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-ef28869 *//* ===== BASE ===== */
#app-user {
    position: relative;
    width: 100vw;
    height: 100vh;
    height: 100dvh;

    background: #000;
    padding: 25px;
    font-family: 'Inter', sans-serif;
    color: #fff;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Glow superior */
#app-user::before {
    content: "";
    position: absolute;
    top: -35%;
    left: 50%;
    transform: translateX(-50%);
    width: 180%;
    height: 70%;
    background: radial-gradient(
        ellipse at center,
        rgba(255,255,255,0.25) 0%,
        rgba(255,255,255,0.10) 40%,
        rgba(0,0,0,1) 100%
    );
    filter: blur(85px);
    opacity: 0.9;
}

/* Conteúdo acima do glow */
#app-user * {
    position: relative;
    z-index: 5;
}

/* ===== HEADER ===== */
.header-user {
    width: 100%;
    text-align: left;
}

.git {
    color: #e6e6e6;
    font-size: 38px;
    font-weight: 600;
}

.flow {
    color: #ff3c00;
    font-size: 38px;
    font-weight: 700;
}

.analytics {
    color: #ff3c00;
    font-size: 20px;
    font-weight: 300;
    margin-top: -6px;
}

/* ===== CONTAINER ===== */
.user-container {
    margin-top: 40px;
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
}

/* ===== AVATAR ===== */
.user-avatar img {
    width: 110px;
    height: 110px;
    opacity: 0.95;
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.15));
}

/* ===== INPUTS ===== */
.input-field-user {
    width: 100%;
    padding: 14px;
    border-radius: 14px;
    border: none;

    background: rgba(255,255,255,0.08);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
    backdrop-filter: blur(9px);

    color: #fff;
    font-size: 16px;
    outline: none;
}

.input-field-user::placeholder {
    color: #9b9b9b;
}

/* ===== REMEMBER ===== */
.remember-box {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    font-size: 15px;
}

/* ===== BUTTON ===== */
.btn-login-user {
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 14px;

    background: linear-gradient(160deg, #1c1c1c, #2a2a2a);
    color: #cfcfcf;
    font-size: 17px;
    font-weight: 500;

    transition: 0.35s ease;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}

.btn-login-user:hover {
    background: #ff3c00;
    color: #fff;
    transform: translateY(-2px);
}/* End custom CSS */