.elementor-10 .elementor-element.elementor-element-37c372d{--display:flex;}.elementor-10 .elementor-element.elementor-element-662b7ce{--display:flex;}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-d4012fc */* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; overflow-x: hidden; font-family: 'Nunito', sans-serif; background: #FFF5FB; }
.wrap { max-width: 580px; width: 100%; margin: 0 auto; padding: 12px; }
.top-bar { background: #FF6B9D; border-radius: 14px; padding: 9px 12px; text-align: center; margin-bottom: 12px; }
.top-bar span { color: #fff; font-size: 13px; font-weight: 800; }
.hero { background: #FFF0F8; border-radius: 22px; border: 3px solid #FFB3D1; padding: 20px 14px 16px; text-align: center; margin-bottom: 12px; }
.tag-gratis { background: #FF6B9D; color: #fff; font-size: 12px; font-weight: 900; padding: 5px 18px; border-radius: 20px; display: inline-block; margin-bottom: 12px; }
.hero h1 { font-size: 28px; font-weight: 900; line-height: 1.15; margin-bottom: 8px; }
.c1 { color: #FF6B9D; } .c2 { color: #FF8E53; } .c3 { color: #6BCB77; }
.hero-sub { font-size: 14px; color: #555; font-weight: 700; margin-bottom: 16px; line-height: 1.5; }
.hero-sub strong { color: #FF6B9D; }
.value-box { background: linear-gradient(135deg, #FF6B9D, #FF8E53); border-radius: 16px; padding: 12px 14px; margin-bottom: 14px; text-align: center; }
.value-box p { color: #fff; font-size: 14px; font-weight: 800; line-height: 1.5; }
.value-box .emojis { font-size: 20px; display: block; margin-top: 6px; letter-spacing: 3px; }
.themes-label { font-size: 11px; font-weight: 800; color: #bbb; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; text-align: center; }
.themes { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-bottom: 4px; }
.theme-pill { padding: 5px 11px; border-radius: 20px; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; gap: 3px; font-family: 'Nunito', sans-serif; }
.p1{background:#FFE0EC;color:#C2185B;} .p2{background:#FFF3E0;color:#E65100;} .p3{background:#E3F2FD;color:#1565C0;}
.p4{background:#E8F5E9;color:#2E7D32;} .p5{background:#F3E5F5;color:#6A1B9A;} .p6{background:#FFF9C4;color:#F57F17;}
.p7{background:#E0F7FA;color:#00695C;} .p8{background:#FCE4EC;color:#880E4F;}
.how-box { background: #fff; border-radius: 18px; border: 2px dashed #FFB3D1; padding: 14px; margin-bottom: 12px; }
.how-title { font-size: 13px; font-weight: 900; color: #FF6B9D; margin-bottom: 10px; text-align: center; }
.steps-row { display: flex; gap: 5px; justify-content: center; }
.st { background: #FFF8FF; border-radius: 12px; padding: 8px 4px; text-align: center; flex: 1; border: 1.5px solid #FFE0EC; min-width: 0; }
.st-ico { font-size: 18px; } .st-txt { font-size: 10px; font-weight: 800; color: #555; margin-top: 4px; line-height: 1.3; }
.perks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px; }
.perk { background: #fff; border: 2px solid #FFE0B2; border-radius: 14px; padding: 10px 8px; display: flex; align-items: center; gap: 8px; }
.perk-ico { font-size: 20px; flex-shrink: 0; } .perk-txt { font-size: 12px; font-weight: 800; color: #444; line-height: 1.3; }
.form-card { background: #fff; border-radius: 20px; border: 3px solid #FFD93D; padding: 20px 16px; margin-bottom: 10px; }
.form-card h2 { font-size: 18px; font-weight: 900; color: #333; margin-bottom: 4px; text-align: center; }
.form-sub { font-size: 13px; color: #888; font-weight: 600; text-align: center; margin-bottom: 16px; line-height: 1.4; }
.field { margin-bottom: 11px; }
.field label { font-size: 12px; font-weight: 800; color: #666; display: block; margin-bottom: 5px; }
.field input { width: 100%; padding: 13px 14px; border: 2px solid #eee; border-radius: 12px; font-size: 15px; font-family: 'Nunito', sans-serif; outline: none; color: #333; -webkit-appearance: none; }
.field input:focus { border-color: #FF6B9D; }
.btn { width: 100%; padding: 17px; background: #FF6B9D; border: none; border-radius: 14px; color: #fff; font-size: 15px; font-weight: 900; cursor: pointer; font-family: 'Nunito', sans-serif; margin-top: 4px; line-height: 1.4; -webkit-appearance: none; }
.btn-sub { font-size: 12px; color: #bbb; text-align: center; margin-top: 9px; font-weight: 600; }
.social-proof { background: #F0FFF4; border: 2px solid #A5D6A7; border-radius: 14px; padding: 13px 15px; display: flex; align-items: center; gap: 10px; }
.sp-ico { font-size: 30px; flex-shrink: 0; }
.sp-text { font-size: 12px; color: #444; font-weight: 700; line-height: 1.5; }
.sp-text strong { color: #2E7D32; }/* End custom CSS */