/* GrowwTube Public Pages */

body {
    background: #f5f7fb !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center !important;
}

/* Main card */
.wrap {
    max-width: 650px !important;
    margin: 60px auto !important;
    padding: 50px !important;
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
    text-align: center !important;
}

/* Center everything inside */
.wrap * {
    text-align: center !important;
}

/* Larger centered logo */
.wrap img {
    display: block !important;
    width: auto !important;
    max-width: 300px !important;
    max-height: 120px !important;
    height: auto !important;
    margin: 0 auto 40px auto !important;
}

/* Heading */
h1 {
    text-align: center !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin: 0 0 30px 0 !important;
}

/* Paragraph */
p {
    color: #6b7280 !important;
    text-align: center !important;
}

/* Button */
.button {
    display: inline-block !important;
    background: #0b63f6 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 9px !important;
    padding: 14px 34px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    margin: 0 auto !important;
}

.button:hover {
    background: #084fc4 !important;
}

/* Footer */
.footer {
    color: #9ca3af !important;
    text-align: center !important;
}

.footer a {
    color: #6b7280 !important;
}

.footer a:hover {
    color: #0b63f6 !important;
}

/* Hide Listmonk branding */
footer a[href*="listmonk.app"],
footer a[href*="listmonk"] {
    display: none !important;
}

/* Hide Powered by text */
footer {
    font-size: 0 !important;
}

footer a {
    font-size: 13px !important;
}

/* Mobile */
@media (max-width: 600px) {

    .wrap {
        margin: 20px 15px !important;
        padding: 35px 20px !important;
    }

    .wrap img {
        max-width: 240px !important;
        max-height: 100px !important;
        margin-bottom: 30px !important;
    }

    h1 {
        font-size: 27px !important;
    }

    .button {
        padding: 14px 30px !important;
    }
}