.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-693 .elementor-element.elementor-element-c65c09a{--display:flex;--min-height:100vh;--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;--justify-content:center;--overlay-opacity:0.5;--border-radius:0px 0px 20px 20px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-693 .elementor-element.elementor-element-c65c09a::before, .elementor-693 .elementor-element.elementor-element-c65c09a > .elementor-background-video-container::before, .elementor-693 .elementor-element.elementor-element-c65c09a > .e-con-inner > .elementor-background-video-container::before, .elementor-693 .elementor-element.elementor-element-c65c09a > .elementor-background-slideshow::before, .elementor-693 .elementor-element.elementor-element-c65c09a > .e-con-inner > .elementor-background-slideshow::before, .elementor-693 .elementor-element.elementor-element-c65c09a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-693 .elementor-element.elementor-element-c65c09a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-image .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-693 .elementor-element.elementor-element-c55fc2d{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.ee-tooltip.ee-tooltip-c55fc2d.to--top, .ee-tooltip.ee-tooltip-c55fc2d.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-c55fc2d.to--left, .ee-tooltip.ee-tooltip-c55fc2d.to--right{margin-top:0px;}.elementor-693 .elementor-element.elementor-element-c55fc2d img{max-width:20%;border-radius:0px 0px 0px 0px;}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-693 .elementor-element.elementor-element-cc8c93b{width:auto;max-width:auto;text-align:center;}.elementor-693 .elementor-element.elementor-element-cc8c93b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:3rem;font-weight:900;color:var( --e-global-color-astglobalcolor4 );}.elementor-693 .elementor-element.elementor-element-72d9a2a{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;text-align:center;}.elementor-693 .elementor-element.elementor-element-72d9a2a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.125rem;font-weight:900;color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-button .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-button.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-button .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-693 .elementor-element.elementor-element-7d0a8f5 .elementor-button{background-color:#D32F2F;transition-duration:0.2s;border-radius:90px 90px 90px 90px;padding:20px 20px 20px 20px;}.elementor-693 .elementor-element.elementor-element-7d0a8f5 .elementor-button:hover, .elementor-693 .elementor-element.elementor-element-7d0a8f5 .elementor-button:focus{background-color:#A32323;border-color:#FFFFFF;}.elementor-693 .elementor-element.elementor-element-3f71b79{--display:flex;}.elementor-693 .elementor-element.elementor-element-24a5a54{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-693 .elementor-element.elementor-element-24a5a54 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:30px;font-weight:800;color:#54595F;}.elementor-693 .elementor-element.elementor-element-15edbe0{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-693 .elementor-element.elementor-element-15edbe0 .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:30px;font-weight:900;color:#D32F2F;}.elementor-widget-premium-countdown-timer .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-premium-countdown-timer .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-countdown-timer.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-countdown-timer .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-countdown-timer .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-premium-countdown-timer .countdown-amount, .elementor-widget-premium-countdown-timer .inn{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-primary );}.elementor-widget-premium-countdown-timer .countdown-period, .elementor-widget-premium-countdown-timer .premium-countdown-label, .elementor-widget-premium-countdown-timer .flip-clock-label{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-premium-countdown-timer .countdown_separator{color:var( --e-global-color-secondary );}.elementor-widget-premium-countdown-timer .countdown-separator-circle{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-countdown-timer .premium-countdown-exp-message{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-amount{width:115px;height:115px;padding:0px 0px 0px 0px;}.elementor-693 .elementor-element.elementor-element-6e46016.premium-countdown-block .countdown-period span{width:115px;}.elementor-693 .elementor-element.elementor-element-6e46016 .premium-countdown-flipping .flip{width:115px;}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-svg path{stroke-width:8px;stroke:#D32F2F;}.elementor-693 .elementor-element.elementor-element-6e46016{--pa-countdown-stroke-width:8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-693 .elementor-element.elementor-element-6e46016 .premium-countdown{justify-content:center;}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-amount, .elementor-693 .elementor-element.elementor-element-6e46016 .inn{color:#D32F2F;font-family:"Roboto", Sans-serif;font-size:47px;font-weight:500;background-color:#D32F2F30;}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-period, .elementor-693 .elementor-element.elementor-element-6e46016 .premium-countdown-label, .elementor-693 .elementor-element.elementor-element-6e46016 .flip-clock-label{color:#54595F;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}{WRAPPER}} .countdown-period span, .elementor-693 .elementor-element.elementor-element-6e46016 .premium-countdown-label, .elementor-693 .elementor-element.elementor-element-6e46016 .flip-unit{border-radius:0px;}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-693 .elementor-element.elementor-element-a476ae3{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-693 .elementor-element.elementor-element-a476ae3.elementor-element{--align-self:center;}.elementor-693 .elementor-element.elementor-element-6e9f5eb{--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-693 .elementor-element.elementor-element-ed9ea2f{width:initial;max-width:initial;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-693 .elementor-element.elementor-element-ed9ea2f.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-693 .elementor-element.elementor-element-ed9ea2f .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );color:#54595F;}.elementor-693 .elementor-element.elementor-element-9215487{--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;}.ee-tooltip.ee-tooltip-8d22eb3.to--top, .ee-tooltip.ee-tooltip-8d22eb3.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-8d22eb3.to--left, .ee-tooltip.ee-tooltip-8d22eb3.to--right{margin-top:0px;}.elementor-693 .elementor-element.elementor-element-8d22eb3 img{border-radius:20px 20px 20px 20px;}.elementor-693 .elementor-element.elementor-element-7d604ef{--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;}@media(min-width:768px){.elementor-693 .elementor-element.elementor-element-c65c09a{--width:99.528vw;}}@media(max-width:1024px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-premium-countdown-timer.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-premium-countdown-timer .countdown-amount, .elementor-widget-premium-countdown-timer .inn{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-premium-countdown-timer .countdown-period, .elementor-widget-premium-countdown-timer .premium-countdown-label, .elementor-widget-premium-countdown-timer .flip-clock-label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-premium-countdown-timer .premium-countdown-exp-message{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-693 .elementor-element.elementor-element-ed9ea2f .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-693 .elementor-element.elementor-element-c65c09a{--width:100%;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-693 .elementor-element.elementor-element-c65c09a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-693 .elementor-element.elementor-element-c55fc2d{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-693 .elementor-element.elementor-element-c55fc2d img{max-width:50vw;}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-693 .elementor-element.elementor-element-cc8c93b.elementor-element{--align-self:center;}.elementor-693 .elementor-element.elementor-element-cc8c93b .elementor-heading-title{font-size:6.2vw;}.elementor-693 .elementor-element.elementor-element-72d9a2a .elementor-heading-title{font-size:4.2vw;}.elementor-widget-button.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-693 .elementor-element.elementor-element-3f71b79{--content-width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-693 .elementor-element.elementor-element-3f71b79.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-693 .elementor-element.elementor-element-24a5a54 .elementor-heading-title{font-size:15px;}.elementor-693 .elementor-element.elementor-element-15edbe0 .elementor-heading-title{font-size:23px;}.elementor-widget-premium-countdown-timer.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-premium-countdown-timer .countdown-amount, .elementor-widget-premium-countdown-timer .inn{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-premium-countdown-timer .countdown-period, .elementor-widget-premium-countdown-timer .premium-countdown-label, .elementor-widget-premium-countdown-timer .flip-clock-label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-premium-countdown-timer .premium-countdown-exp-message{font-size:var( --e-global-typography-text-font-size );}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-amount{width:50px;height:50px;}.elementor-693 .elementor-element.elementor-element-6e46016.premium-countdown-block .countdown-period span{width:50px;}.elementor-693 .elementor-element.elementor-element-6e46016 .premium-countdown-flipping .flip{width:50px;}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-svg path{stroke-width:4px;}.elementor-693 .elementor-element.elementor-element-6e46016{--pa-countdown-stroke-width:4;width:var( --container-widget-width, 90vw );max-width:90vw;--container-widget-width:90vw;--container-widget-flex-grow:0;}.elementor-693 .elementor-element.elementor-element-6e46016.elementor-element{--align-self:center;}.elementor-693 .elementor-element.elementor-element-6e46016 .premium-countdown{justify-content:center;}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-amount, .elementor-693 .elementor-element.elementor-element-6e46016 .inn{font-size:1.9rem;}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-period, .elementor-693 .elementor-element.elementor-element-6e46016 .premium-countdown-label, .elementor-693 .elementor-element.elementor-element-6e46016 .flip-clock-label{font-size:0.8rem;}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown_separator{font-size:10px;}.elementor-693 .elementor-element.elementor-element-6e46016 .countdown-separator-circle{width:10px;height:10px;}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-693 .elementor-element.elementor-element-a476ae3{width:100%;max-width:100%;}.elementor-693 .elementor-element.elementor-element-a476ae3.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-693 .elementor-element.elementor-element-ed9ea2f .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-693 .elementor-element.elementor-element-437ca4c{margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 00px) 0px;}}/* Start custom CSS for html, class: .elementor-element-a476ae3 */* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px; } .container { background: linear-gradient(135deg, #f1f1f1 0%, #f2f2f2 100%); display: flex; max-width: 1000px; width: 100%; border-radius: 20px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); overflow: hidden; min-height: 500px; } .left-section { padding: 60px 40px; flex: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; position: relative; } .left-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,'); opacity: 0.3; } .left-section h2 { color: #d32f2f; font-size: 28px; font-weight: 800; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1px; position: relative; z-index: 2; } .left-section p { color: #2c3e50; font-size: 18px; line-height: 1.6; font-weight: 500; position: relative; z-index: 2; margin-bottom: 15px; } .form-ui { background: white; margin: 12px 12px 12px 12px; padding: 60px 40px; flex: 1; display: flex; flex-direction: column; justify-content: center; border-radius: 15px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); } .form-ui h2 { color: #d32f2f; font-size: 24px; font-weight: 700; margin-bottom: 40px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 25px; } .form-ui h2::after { content: '📢'; font-size: 20px; } .field-group { position: relative; margin-bottom: 20px; } .field-group input { width: 100%; padding: 15px 20px 15px 60px; border: 2px solid #e0e0e0; border-radius: 12px; font-size: 16px; background: #fafafa; transition: all 0.3s ease; outline: none; } .field-group input:focus { border-color: #d32f2f; background: white; transform: translateY(-2px); box-shadow: 0 2px 3px rgba(211, 47, 47, 0.2); } .field-group input::placeholder { color: #999; } .field-group input.error { border-color: #f44336; background: #ffebee; animation: shake 0.5s; } .field-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; opacity: 0.7; z-index: 2; } button[type="submit"] { width: 100%; padding: 18px; background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%); color: white; border: none; border-radius: 12px; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; margin-top: 20px; } button[type="submit"]:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(211, 47, 47, 0.4); } button[type="submit"]:active { transform: translateY(0); } button[type="submit"]:disabled { opacity: 0.7; cursor: not-allowed; transform: none; } @media (max-width: 768px) { .container { flex-direction: column; } .left-section, .form-ui { padding: 40px 30px; } .left-section h2 { font-size: 22px; } .left-section p { font-size: 16px; } } /* Subtle animations */ .field-group { animation: fadeInUp 0.6s ease forwards; } .field-group:nth-child(2) { animation-delay: 0.1s; } .field-group:nth-child(3) { animation-delay: 0.2s; } .field-group:nth-child(4) { animation-delay: 0.3s; } .checkbox-container { animation-delay: 0.4s; animation: fadeInUp 0.6s ease forwards; } button[type="submit"] { animation-delay: 0.5s; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } } .checkbox-container { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 25px; font-size: 14px; color: #666; line-height: 1.4; cursor: pointer; } .checkbox-container input[type="checkbox"] { display: none; } .custom-checkbox { width: 20px; height: 20px; background: #fff; border: 2px solid #d32f2f; border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; transition: all 0.3s ease; cursor: pointer; } .custom-checkbox::after { content: '✓'; color: white; font-size: 12px; font-weight: bold; opacity: 0; transform: scale(0); transition: all 0.2s ease; } .checkbox-container input[type="checkbox"]:checked + .custom-checkbox { background: #d32f2f; transform: scale(1.1); transition: all 0.2s ease; } .checkbox-container input[type="checkbox"]:checked + .custom-checkbox::after { opacity: 1; transform: scale(1); transition: all 0.2s ease; } .custom-checkbox:hover { border-color: #b71c1c; transform: scale(1.05); transition: all 0.2s ease; } .checkbox-container { display: flex; align-items: center; gap: 10px; cursor: pointer; } .checkbox-container span { display: inline-block; font-size: 14px; color: #444; line-height: 1.4; margin-top: 1px; } .checkbox-wrapper input[type="checkbox"] { display: none; } .footer-text { text-align: center; margin-top: 30px; color: #999; font-size: 12px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-437ca4c */:root { --cbp-font-primary: 'Poppins', sans-serif; --cbp-font-secondary: 'Playfair Display', serif; /* Cores Base Tema Claro */ --cbp-bg-page: #f9f9f9; --cbp-bg-card: #ffffff; --cbp-bg-element-hover: #f4f4f4; --cbp-color-text-primary: #2c3e50; --cbp-color-text-secondary: #666666; --cbp-color-text-light: #ffffff; /* Cores de Destaque */ --cbp-color-primary: #d32f2f; --cbp-color-primary-dark: #b71c1c; --cbp-color-secondary: #ff9800; --cbp-color-accent: #ff5722; --cbp-color-success: #28a745; --cbp-color-success-bg: #d4edda; --cbp-color-success-text: #155724; --cbp-bg-light: #fafafa; --cbp-bg-light-alt: #f5f5f5; /* Gradientes */ --cbp-gradient-primary: linear-gradient(135deg, var(--cbp-color-primary), var(--cbp-color-primary-dark)); --cbp-gradient-success-bg: linear-gradient(135deg, var(--cbp-color-success-bg), #c3e6cb); --cbp-gradient-countdown-bg: linear-gradient(135deg, #f9f9f9 0%, #f4f4f4 100%); --cbp-gradient-countdown-item: linear-gradient(135deg, var(--cbp-color-primary), var(--cbp-color-primary-dark)); --cbp-gradient-cta: linear-gradient(135deg, #25d366, #128c7e); --cbp-gradient-footer-border: linear-gradient(90deg, var(--cbp-color-primary), var(--cbp-color-secondary), var(--cbp-color-primary)); /* Raios */ --cbp-radius-s: 8px; --cbp-radius-m: 15px; --cbp-radius-l: 20px; --cbp-radius-xl: 24px; --cbp-radius-pill: 50px; /* Sombras */ --cbp-shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1); --cbp-shadow-medium: 0 4px 15px rgba(0, 0, 0, 0.1); --cbp-shadow-strong: 0 8px 25px rgba(0, 0, 0, 0.15); --cbp-shadow-inset-card: inset 0 1px 3px rgba(0, 0, 0, 0.05); --cbp-spacing-xs: 5px; --cbp-spacing-s: 10px; --cbp-spacing-m: 15px; --cbp-spacing-l: 20px; --cbp-spacing-xl: 25px; --cbp-spacing-xxl: 30px; --cbp-spacing-xxxl: 40px; --cbp-spacing-xxxxl: 50px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: var(--cbp-font-primary); background: var(--cbp-bg-page); background-image: radial-gradient(rgba(211, 47, 47, 0.05) 1px, transparent 1px), radial-gradient(rgba(255, 152, 0, 0.05) 1px, var(--cbp-bg-page) 1px); background-size: 40px 40px; background-position: 0 0, 20px 20px; min-height: 100vh; display: flex; flex-direction: column; color: var(--cbp-color-text-primary); line-height: 1.6; } .cbp-main-content { flex: 1; display: flex; flex-direction: column; } .cbp-container { max-width: 900px; margin: var(--cbp-spacing-xxxl) auto; padding: 0 var(--cbp-spacing-l); flex: 1; } .cbp-thank-you-card { background: var(--cbp-bg-card); border-radius: var(--cbp-radius-xl); padding: var(--cbp-spacing-xxxxl); text-align: center; box-shadow: var(--cbp-shadow-strong); margin: var(--cbp-spacing-l) 0; border-top: 8px solid var(--cbp-color-primary); position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .cbp-thank-you-card:hover { transform: translateY(-5px); box-shadow: 0 12px 35px rgba(0,0,0,0.2); } .cbp-thank-you-card::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: var(--cbp-shadow-inset-card); border-radius: var(--cbp-radius-xl); pointer-events: none; } .cbp-main-title { font-family: var(--cbp-font-secondary); font-size: clamp(2.5rem, 7vw, 4.5rem); font-weight: 900; background: var(--cbp-gradient-primary); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: var(--cbp-spacing-xxl); position: relative; z-index: 1; letter-spacing: -1px; } .cbp-pizza-emoji { display: inline-block; animation: cbp-float 3s ease-in-out infinite; margin: 0 var(--cbp-spacing-s); font-size: 1.2em; position: relative; top: -5px; } .cbp-pizza-emoji:nth-child(2) { animation-delay: 0.5s; } @keyframes cbp-float { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-15px) rotate(10deg); } 100% { transform: translateY(0px) rotate(0deg); } } .cbp-success-message { font-size: 1.5rem; color: var(--cbp-color-success-text); background: var(--cbp-gradient-success-bg); padding: var(--cbp-spacing-xl); border-radius: var(--cbp-radius-m); margin: var(--cbp-spacing-xxl) 0; border-left: 5px solid var(--cbp-color-success); box-shadow: var(--cbp-shadow-light); position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; font-weight: 600; } .cbp-success-message svg { margin-right: var(--cbp-spacing-m); flex-shrink: 0; color: var(--cbp-color-success); } .cbp-subtitle { font-size: 1.3rem; color: var(--cbp-color-text-secondary); margin: var(--cbp-spacing-xxl) 0; position: relative; z-index: 1; line-height: 1.7; padding: 0 var(--cbp-spacing-l); } .cbp-subtitle strong { color: var(--cbp-color-primary); font-weight: 700; } .cbp-countdown-container { background: var(--cbp-gradient-countdown-bg); color: var(--cbp-color-text-primary); padding: var(--cbp-spacing-xxxl); border-radius: var(--cbp-radius-l); margin: var(--cbp-spacing-xxxl) 0; position: relative; z-index: 1; box-shadow: var(--cbp-shadow-medium); overflow: hidden; border: 1px solid #e0e0e0; } .cbp-countdown-title { font-size: 1.7rem; margin-bottom: var(--cbp-spacing-xxl); color: var(--cbp-color-primary); text-transform: uppercase; letter-spacing: 1px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .cbp-countdown-title svg { margin-right: var(--cbp-spacing-m); color: var(--cbp-color-primary); animation: cbp-pulse 2s infinite; } @keyframes cbp-pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } } .cbp-countdown { display: flex; justify-content: center; gap: var(--cbp-spacing-xl); flex-wrap: wrap; } .cbp-countdown-item { background: var(--cbp-gradient-countdown-item); padding: var(--cbp-spacing-l) var(--cbp-spacing-xs); border-radius: var(--cbp-radius-m); min-width: 100px; text-align: center; box-shadow: var(--cbp-shadow-light); position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; color: var(--cbp-color-text-light); } .cbp-countdown-item:hover, .cbp-countdown-item:focus-visible { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(211, 47, 47, 0.3); } .cbp-countdown-item::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: rgba(255, 255, 255, 0.2); border-bottom-left-radius: 50% 20px; border-bottom-right-radius: 50% 20px; pointer-events: none; } .cbp-countdown-number { font-size: 2.8rem; font-weight: 700; display: block; line-height: 1; padding-bottom: var(--cbp-spacing-xs); font-family: var(--cbp-font-secondary); } .cbp-countdown-label { font-size: 0.9rem; text-transform: uppercase; margin-top: var(--cbp-spacing-xs); font-weight: 500; letter-spacing: 1px; opacity: 0.9; } .cbp-cta-button { display: inline-block; background: var(--cbp-gradient-cta); color: var(--cbp-color-text-light); padding: var(--cbp-spacing-l) var(--cbp-spacing-xxxl); font-size: 1.4rem; font-weight: 700; text-decoration: none; border-radius: var(--cbp-radius-pill); margin: var(--cbp-spacing-xxxl) 0; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); position: relative; z-index: 1; border: none; cursor: pointer; overflow: hidden; } .cbp-cta-button:hover, .cbp-cta-button:focus-visible { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4); } .cbp-cta-button::after { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: rgba(255, 255, 255, 0.1); transform: rotate(45deg); transition: transform 0.5s ease; z-index: -1; } .cbp-cta-button:hover::after, .cbp-cta-button:focus-visible::after { transform: rotate(45deg) translateX(50%) translateY(50%); } .cbp-cta-button:focus-visible { outline: 2px solid var(--cbp-color-secondary); outline-offset: 2px; } .cbp-whatsapp-icon { margin-right: var(--cbp-spacing-m); display: inline-flex; align-items: center; justify-content: center; position: relative; top: -1px; } .cbp-whatsapp-icon svg { fill: var(--cbp-color-text-light); } .cbp-decoration { position: absolute; opacity: 0.1; z-index: 0; pointer-events: none; user-select: none; } .cbp-decoration-1 { top: 10%; left: 5%; font-size: 5rem; animation: cbp-spin 20s linear infinite; } .cbp-decoration-2 { bottom: 15%; right: 5%; font-size: 6rem; animation: cbp-spin 25s linear infinite reverse; } .cbp-decoration-3 { bottom: 40%; left: 8%; font-size: 4rem; animation: cbp-spin 30s linear infinite; } .cbp-decoration-4 { top: 20%; right: 10%; font-size: 4.5rem; animation: cbp-spin 22s linear infinite reverse; } @keyframes cbp-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .cbp-footer { background: var(--cbp-bg-light); color: var(--cbp-color-text-primary); text-align: center; padding: var(--cbp-spacing-xxxl) var(--cbp-spacing-l); margin-top: calc(var(--cbp-spacing-xxxxl) + var(--cbp-spacing-l)); position: relative; overflow: hidden; border-top: 1px solid #e0e0e0; } .cbp-footer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--cbp-gradient-footer-border); background-size: 200% 100%; animation: cbp-moveGradient 5s ease infinite; } @keyframes cbp-moveGradient { 0% { background-position: 0% 0%; } 100% { background-position: 200% 0%; } } .cbp-footer-content { max-width: 800px; margin: 0 auto; position: relative; z-index: 1; } .cbp-footer-logo { margin-bottom: var(--cbp-spacing-l); font-family: var(--cbp-font-secondary); font-size: 1.8rem; font-weight: 900; color: var(--cbp-color-primary); display: inline-block; } .cbp-footer-logo span { color: var(--cbp-color-secondary); } .cbp-copyright { margin-bottom: var(--cbp-spacing-xl); font-size: 1rem; opacity: 0.8; } .cbp-social-links { display: flex; justify-content: center; gap: var(--cbp-spacing-l); flex-wrap: wrap; margin-top: var(--cbp-spacing-xxl); } .cbp-social-link { color: var(--cbp-color-text-secondary); text-decoration: none; padding: var(--cbp-spacing-m); border-radius: 50%; background: var(--cbp-bg-card); width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease; font-size: 1.3rem; box-shadow: var(--cbp-shadow-light); border: 1px solid #e0e0e0; } .cbp-social-link:hover, .cbp-social-link:focus-visible { transform: translateY(-3px) scale(1.05); color: var(--cbp-color-primary); box-shadow: var(--cbp-shadow-medium); border-color: var(--cbp-color-primary); } .cbp-social-link:focus-visible { outline: 2px solid var(--cbp-color-secondary); outline-offset: 2px; } .cbp-social-link svg { width: 22px; height: 22px; fill: currentColor; } /* Responsividade */ @media (max-width: 768px) { .cbp-container { padding: 0 var(--cbp-spacing-m); margin: var(--cbp-spacing-l) auto; } .cbp-thank-you-card { padding: var(--cbp-spacing-xxl) var(--cbp-spacing-l); margin: var(--cbp-spacing-s) 0; } .cbp-success-message { padding: var(--cbp-spacing-l); flex-direction: column; text-align: center; } .cbp-success-message svg { margin-right: 0; margin-bottom: var(--cbp-spacing-s); } .cbp-countdown-container { padding: var(--cbp-spacing-xxl) var(--cbp-spacing-m); } .cbp-countdown { gap: var(--cbp-spacing-m); } .cbp-countdown-item { min-width: 70px; padding: var(--cbp-spacing-m) var(--cbp-spacing-xs); } .cbp-countdown-number { font-size: 2rem; } .cbp-cta-button { padding: var(--cbp-spacing-m) var(--cbp-spacing-xxl); width: 100%; font-size: 1.2rem; } .cbp-main-title { font-size: clamp(2rem, 7vw, 3rem); } .cbp-subtitle { font-size: 1.1rem; } .cbp-footer-logo { font-size: 1.5rem; } .cbp-social-links { gap: var(--cbp-spacing-s); } .cbp-social-link { width: 55px; height: 55px; } .cbp-social-link svg { width: 55px; height: 55px; } } @media (max-width: 480px) { .cbp-thank-you-card { padding: var(--cbp-spacing-xl) var(--cbp-spacing-m); } .cbp-success-message { font-size: 1.2rem; padding: var(--cbp-spacing-m); } .cbp-countdown-title { font-size: 1.3rem; } .cbp-countdown-item { min-width: 60px; padding: var(--cbp-spacing-s) 2px; } .cbp-countdown-number { font-size: 1.7rem; } .cbp-countdown-label { font-size: 0.7rem; } .cbp-social-link { width: 40px; height: 40px; } .cbp-decoration { display: none; } } /* Animação de entrada */ .cbp-thank-you-card { animation: cbp-slideInUp 1s ease-out 0.2s; animation-fill-mode: both; } @keyframes cbp-slideInUp { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } /* Efeito de confete */ .cbp-confetti-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999; overflow: hidden; } .cbp-confetti { position: absolute; animation: cbp-fallConfetti 4s ease-in-out forwards; will-change: transform, opacity; } @keyframes cbp-fallConfetti { 0% { transform: translateY(-5vh) rotate(0deg) scale(1); opacity: 1; } 25% { opacity: 1; } 100% { transform: translateY(105vh) rotate(720deg) scale(0.5); opacity: 0; } }/* End custom CSS */