// ------------------
// CSS file: vivf-style.css
// ------------------
/*
 Save this as vivf-style.css inside the plugin folder.
*/
/* Basic reset and layout */
:root{--primary:#E91E63;--accent:#f7f7f7;--text:#222}
.vivf-hero{padding:40px 0;background:linear-gradient(180deg,#fff,#fcfcfc)}
.vivf-container{max-width:1100px;margin:0 auto;display:flex;gap:30px;align-items:flex-start}
.vivf-left{flex:1}
.vivf-right{width:380px}
.vivf-logo{max-width:160px;margin-bottom:10px}
.vivf-left h1{font-size:28px;margin:6px 0}
.vivf-sub{color:#555;margin-bottom:16px}
.vivf-features{list-style:disc;padding-left:18px;margin-bottom:18px}
.vivf-cta-row{display:flex;gap:10px}
.vivf-btn{display:inline-block;padding:10px 16px;border-radius:6px;background:var(--primary);color:#fff;text-decoration:none}
.vivf-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.vivf-card h3{margin-top:0}
.vivf-card input, .vivf-card textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:6px}
.vivf-card button{width:100%;padding:12px;border-radius:6px;border:0;background:var(--primary);color:#fff;font-weight:600}
.vivf-terms{font-size:12px;color:#777;margin-top:8px}

@media(max-width:900px){
    .vivf-container{flex-direction:column;padding:0 20px}
    .vivf-right{width:100%}
}