.elementor-893 .elementor-element.elementor-element-8552e1c{--display:flex;}.elementor-893 .elementor-element.elementor-element-1ce4684{--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;}.elementor-893 .elementor-element.elementor-element-b744242{--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;}.elementor-893 .elementor-element.elementor-element-ae1ddb5{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-bf4e48e */<div id="roka-v3" style="background: radial-gradient(circle at center, #1e1b4b 0%, #0f172a 100%) !important; padding: 50px 30px !important; border-radius: 30px !important; font-family: 'Inter', sans-serif !important; max-width: 850px; margin: 0 auto; color: #ffffff !important;">

    <div style="text-align: center; margin-bottom: 40px;">
        <h2 style="color: #ffffff !important; font-size: 32px !important; font-weight: 900 !important; margin-bottom: 15px !important; line-height: 1.2 !important;">Vrei mai multă claritate în promovarea ta?</h2>
        <p style="color: #ffffff !important; font-size: 17px !important; opacity: 0.9 !important; line-height: 1.6 !important;">Un site fără vizitatori este inutil, iar reclamele fără o pagină bună sunt bani pierduți. Spune-ne ce vrei să obții și îți propunem o abordare integrată.</p>
    </div>

    <style>
        /* Stiluri forțate pentru Contact Form 7 în interiorul #roka-v3 */
        #roka-v3 label { display: block !important; color: #ffffff !important; font-weight: 800 !important; text-transform: uppercase !important; font-size: 11px !important; margin-bottom: 20px !important; text-align: left !important; }
        
        #roka-v3 input:not([type="submit"]), #roka-v3 textarea {
            width: 100% !important; background: #ffffff !important; border: 2px solid #7c3aed !important; border-radius: 12px !important; padding: 16px !important; color: #0f172a !important; font-weight: 600 !important; margin-top: 5px !important; box-sizing: border-box !important;
        }

        /* Checkbox-uri aliniate la stânga */
        #roka-v3 .wpcf7-list-item { display: flex !important; align-items: center !important; margin: 12px 0 !important; text-align: left !important; }
        #roka-v3 .wpcf7-list-item label { text-transform: none !important; font-size: 15px !important; font-weight: 500 !important; margin: 0 !important; }
        #roka-v3 input[type="checkbox"] { margin-right: 12px !important; width: 18px !important; height: 18px !important; accent-color: #7c3aed !important; }

        /* Centrare Buton și Stiluri Hover */
        #roka-v3 .wpcf7-submit {
            display: block !important;
            margin: 30px auto 0 !important; /* Centrare orizontală */
            background: #7c3aed !important;
            color: #ffffff !important;
            font-weight: 900 !important;
            text-transform: uppercase !important;
            padding: 18px 60px !important;
            border-radius: 50px !important;
            border: 2px solid #7c3aed !important;
            cursor: pointer !important;
            transition: all 0.3s ease-in-out !important;
            font-size: 18px !important;
        }

        #roka-v3 .wpcf7-submit:hover {
            background: #ffffff !important;
            color: #7c3aed !important;
            border-color: #ffffff !important;
            transform: translateY(-3px) !important;
        }

        #roka-v3 .roka-goals-container {
            background: rgba(255, 255, 255, 0.05) !important;
            padding: 25px !important;
            border-radius: 20px !important;
            margin: 30px 0 !important;
            border: 1px solid rgba(124, 58, 237, 0.3) !important;
        }
    </style>

    <div class="roka-form-body">
        [contact-form-7 id="620fa87" title="Homepage si Servicii"]
    </div>

    <div style="margin-top: 40px; background: rgba(255, 255, 255, 0.05); padding: 30px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); text-align: center;">
        <span style="background: #ef4444; color: white; padding: 4px 12px; border-radius: 20px; font-size: 10px; font-weight: 900; text-transform: uppercase;">Ofertă Limitată</span>
        <strong style="display: block; margin-top: 15px; font-weight: 800; font-size: 18px; color: #ffffff;">Analiză Gratuită: Maxim 5 locuri pe lună</strong>
        <p style="margin-top: 10px; font-size: 15px; color: #ffffff; line-height: 1.6; opacity: 0.9;">
            Oferim <span style="color: #a78bfa; font-weight: 700;">doar 5 analize detaliate</span> în fiecare lună. Îți spunem exact ce nu merge și cum ar trebui să arate strategia ta pentru a genera rezultate reale. Grăbește-te să prinzi un loc.
        </p>
    </div>

</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae1ddb5 *//* =====================================================
   ROKA – SEO CONTACT FORM (FINAL)
   ===================================================== */

.roka-cf7-wrapper {
    background: radial-gradient(circle at center, #1e1b4b 0%, #0f172a 100%);
    padding: 80px 20px;
    border-radius: 26px;
    position: relative;
    overflow: hidden;
}

/* Textura */
.roka-cf7-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

.roka-cf7-form {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin: 0 auto;
}

/* LABELS */
.roka-cf7-form label {
    display: block;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

/* INPUTURI */
.roka-cf7-form input[type="text"],
.roka-cf7-form input[type="email"],
.roka-cf7-form input[type="tel"],
.roka-cf7-form input[type="url"],
.roka-cf7-form textarea {
    width: 100%;
    background: #ffffff;
    border: 2px solid #7c3aed;
    border-radius: 14px;
    padding: 18px 20px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 22px;
    transition: all 0.25s ease;
}

.roka-cf7-form textarea {
    min-height: 160px;
    resize: vertical;
}

.roka-cf7-form input:focus,
.roka-cf7-form textarea:focus {
    outline: none;
    box-shadow: 0 0 22px rgba(124,58,237,0.45);
    transform: scale(1.01);
}

.roka-cf7-form ::placeholder {
    color: #94a3b8;
}

/* =========================
   CHECKBOX DECIZIE
   ========================= */

.roka-cf7-choice-boxes {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 22px;
    padding: 26px;
    margin: 30px 0 35px;
}

.roka-cf7-choice-title {
    display: block;
    color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

/* GRID */
.roka-cf7-choice-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

/* ITEM */
.roka-cf7-choice-list .wpcf7-list-item {
    margin: 0;
}

/* ASCUNDE CHECKBOX */
.roka-cf7-choice-list input[type="checkbox"] {
    display: none;
}

/* CARD */
.roka-cf7-choice-list label {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 22px 18px;
    min-height: 70px;
    border-radius: 16px;
    background: rgba(255,255,255,0.08);
    border: 2px solid rgba(255,255,255,0.15);
    color: #ffffff;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* HOVER */
.roka-cf7-choice-list label:hover {
    background: rgba(124,58,237,0.25);
    transform: translateY(-2px);
}

/* SELECTAT */
.roka-cf7-choice-list input[type="checkbox"]:checked + span {
    background: #7c3aed;
    border-color: #ffffff;
    box-shadow: 0 12px 30px rgba(124,58,237,0.45);
}

/* SUBMIT */
.roka-cf7-form input[type="submit"] {
    background: #ffffff;
    color: #7c3aed;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 50px;
    padding: 22px 42px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 280px;
}

.roka-cf7-form input[type="submit"]:hover {
    background: #7c3aed;
    color: #ffffff;
    transform: translateY(-4px);
}

/* MOBILE */
@media (max-width: 767px) {
    .roka-cf7-wrapper {
        padding: 60px 15px;
    }

    .roka-cf7-choice-list {
        grid-template-columns: 1fr;
    }

    .roka-cf7-form input[type="submit"] {
        width: 100%;
    }
}/* End custom CSS */