@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Sacramento&display=swap";@import"https://fonts.googleapis.com/css2?family=Quintessential&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.navbar-section{position:fixed;top:0;left:0;width:100%;background-color:#000;z-index:1001}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem;margin:0 .5rem}.navbar a{text-decoration:none;color:#fff}.nav-links{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem;color:#fff;font-size:clamp(.8rem,1.5vw,1.5rem);font-family:Montserrat,serif}.logo{font-size:clamp(1.4rem,3vw,3rem);z-index:1000;color:#fff}.moment,.mail{font-family:Montserrat,serif}.nav-link{position:relative;cursor:pointer;padding:4px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#2555eb;transition:width .3s ease;transform-origin:left}.nav-link:hover:after{width:100%}.menu-button{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:1002}.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;box-shadow:2px 0 4px #0000001a;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:999}.sidebar-links .nav-link{color:#fff;text-decoration:none;font-size:clamp(1rem,3vw,3rem)}.sidebar.open{transform:translate(0)}.sidebar-content{padding:1rem}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;margin-bottom:2rem}.sidebar-links{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;color:#fff;font-size:clamp(1.5rem,3vw,3rem)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998}@media screen and (max-width: 768px){.menu-button{display:block;order:-1}.logo-container{flex-grow:1;text-align:center}.nav-links.desktop{display:none}}@media screen and (min-width: 769px){.sidebar{display:none}}.nav-link{background:none;border:none;color:inherit;cursor:pointer;font-size:inherit;font-family:Montserrat;text-decoration:none;padding:0;margin:0}.logo-text{display:flex;align-items:center;white-space:nowrap;padding:.5rem;justify-content:center}.svg-wrapper{display:inline-flex;align-items:center}.m-svg{height:36px;width:36px}.moment,.mail{display:inline-block;font-size:1.5rem}.beta-feature-wrapper{position:relative;display:inline-block}.beta-tag-create{background-color:#2555eb;color:#fff;font-size:.7rem;padding:2px 5px;border-radius:.35rem;position:absolute;top:-15px;left:80%;transform:translate(-50%);white-space:nowrap}.beta-feature-wrapper-mobile{position:relative;display:inline-block}.beta-tag-create-mobile{background-color:#2555eb;color:#fff;font-size:.7rem;padding:2px 5px;border-radius:.35rem;position:absolute;top:10px;left:110%;white-space:nowrap}.footer{background-color:#000;color:#fff;padding:1rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-tagline p{font-size:1rem;line-height:1.5;color:#fff;margin:0;max-width:500px}.footer-links{display:flex;list-style:none;padding:0;margin:0;gap:2rem}.footer-links li a{color:#fff;text-decoration:none;font-size:.9rem;transition:opacity .2s ease}.footer-links li a:hover{color:#2555eb}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.footer-copyright{font-size:.85rem;margin:0;color:#ffffffb3}.footer-social{display:flex;gap:1.5rem;align-items:center}.footer-social a{display:flex;align-items:center;justify-content:center}.footer-social a:hover{scale:1.2}.footer-social svg{width:32px;height:32px}.developer-credit{text-align:center;padding-top:1.5rem;font-size:.85rem;color:#ffffffb3}.developer-credit a{color:#ffffff1a;text-decoration:none;transition:color .2s ease}.developer-credit a:hover{color:#fff}@media (max-width: 650px){.footer-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.footer-bottom{flex-direction:column;gap:1rem}.footer-social{margin-top:.5rem}}@media (max-width: 650px){.footer-container{padding:0 1.5rem}.footer-links{gap:1rem;flex-wrap:wrap}.footer-bottom{text-align:center}.developer-socials-credits{flex-direction:column!important;gap:1rem}}.developer-socials-credits{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@font-face{font-family:MyFont;src:url(../assets/fonts/MyFont.ttf) format("truetype");font-weight:400;font-style:normal}.rotating-text-container{position:relative;display:inline-flex;overflow:hidden}.rotating-text-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rotating-text-wrapper{display:flex;flex-wrap:wrap;align-items:center}.rotating-text-word{display:inline-flex;overflow:hidden}.rotating-text-char{display:inline-block;white-space:pre;color:#2555eb;font-family:Cormorant Garamond,serif;font-weight:800;font-style:italic}.rotating-text-space{display:inline-block;width:.25em}.templates-container{display:flex;justify-content:center;gap:.5rem;height:100%;max-width:500px;margin:auto;padding:0 4rem}.dual-scroll-showcase{position:relative;width:100vw;height:600px;margin:4rem 0;overflow:hidden;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(180deg,#fff,#fff0 15%,#fff0 85%,#fff);z-index:2}.infinite-scroll-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;overscroll-behavior:none}.infinite-scroll-wrapper:before,.infinite-scroll-wrapper:after{content:"";position:absolute;background:linear-gradient(var(--dir, to bottom),rgba(0,0,0,.5),transparent);height:25%;width:100%;z-index:1;pointer-events:none}.infinite-scroll-wrapper:before{top:0}.infinite-scroll-wrapper:after{--dir: to top;bottom:0}.infinite-scroll-container{display:flex;flex-direction:column;overscroll-behavior:contain;padding-inline:1rem;transform-origin:center center}.infinite-scroll-item{border-radius:15px;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;overflow:hidden}.infinite-scroll-item img{width:100%;height:100%;object-fit:cover;border-radius:13px}@media (min-width: 1024px){.feature-item{grid-template-columns:1fr 1fr;grid-template-areas:"title description";align-items:start;gap:4rem}.feature-item.reverse{grid-template-areas:"description title"}}@media (max-width: 1024px){.hero-title-container{font-size:3rem;flex-wrap:wrap;justify-content:center}.rotating-text-container{min-width:250px}.templates-container{gap:.5rem}.scroll-column{max-width:300px}.feature-item{grid-template-columns:1fr;grid-template-areas:"number" "title" "description";gap:1.5rem}.feature-number{position:relative;left:0;margin-bottom:.5rem}.feature-title{font-size:3rem}.features-grid{gap:4rem;margin:4rem 0}}@media (max-width: 768px){.hero-title-container{font-size:2.5rem;flex-wrap:wrap;text-align:center;gap:.25rem}.rotating-text-container{min-width:220px}.gradient-text{font-size:2.5rem}.templates-container{gap:.5rem;padding:0 1rem}.scroll-column{max-width:250px}.feature-title{font-size:2.5rem}}@media (max-width: 480px){.home-container{padding:1rem}.hero-title-container{font-size:2rem;gap:.25rem}.rotating-text-container{min-width:180px}.gradient-text{font-size:2rem}.templates-container{padding:0 .5rem}.scroll-column{max-width:200px}.feature-title{font-size:2rem}.features-grid{padding:0 1rem}}@media (max-width: 586px){.rotating-text-container{display:inline-flex;min-width:280px;justify-content:center}}.workflow-container{width:100%;padding:4rem 0;overflow:hidden;margin-bottom:3rem}.wrapper{display:flex;justify-content:center;align-items:center;width:100%}.typing-container{position:relative;width:100%;display:flex;justify-content:center;overflow:hidden}.workflow-title{text-align:center;font-size:3rem;margin-bottom:4rem;color:#616474!important;font-family:Montserrat;font-weight:600;font-style:italic;position:relative;width:fit-content}.workflow-title .line-1,.workflow-title .line-2{display:inline-block;white-space:nowrap;overflow:hidden;width:0;color:#616474!important}@keyframes typing-loop-line1{0%{width:0}20%{width:100%}80%{width:100%}90%{width:0}to{width:0}}@keyframes typing-loop-line2{0%{width:0}40%{width:100%}80%{width:100%}85%{width:0}to{width:0}}.workflow-title .line-1{animation:typing-loop-line1 10s steps(20,end) infinite}.workflow-title .line-2{animation:typing-loop-line2 10s steps(20,end) infinite;animation-delay:2s;position:relative}.workflow-title .line-2:after{content:"|";position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:1.3em;font-weight:900;color:#616474;animation:blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}.workflow-title span{color:#fff}.workflow-cards{display:flex;position:relative;width:100%;min-height:300px;margin-bottom:5rem}.workflow-card{flex:1;position:relative;padding:2rem;display:flex;flex-direction:column;justify-content:center}.workflow-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10rem;font-weight:700;z-index:1}.card-content{max-width:300px;margin:0 auto;position:relative;z-index:2}.workflow-card h3{font-size:1.8rem;margin-bottom:1.5rem;color:#f5f5f5;font-family:Montserrat;font-weight:500}.workflow-card p{font-size:1rem;line-height:1.6;color:#b2bcd0;width:75%;margin:auto}.connect-card{clip-path:polygon(0 0,100% 0,85% 95%,0 85%);z-index:3}.connect-card .workflow-number{color:#2555eb}.select-card{transform:translateY(40px);clip-path:polygon(15% 0,85% 0,70% 100%,0 100%);z-index:2}.select-card .workflow-number{color:#2555eb}.send-card{clip-path:polygon(15% 0,100% 0,100% 90%,0 100%);z-index:1}.send-card .workflow-number{color:#2555eb}.tagline{font-family:Montserrat,serif;display:flex;align-items:center;justify-content:center;padding:1rem;flex-wrap:wrap;text-align:center;color:#f5f5f5;font-size:clamp(2rem,4vw,4rem)}.brand-name{display:inline-block}.momentmail{font-family:Montserrat,serif;color:#2555eb}@media (max-width: 768px){.workflow-title{font-size:2rem}.workflow-cards{flex-direction:column;min-height:auto}.workflow-card{min-height:200px;transform:none;clip-path:none;width:100%}.workflow-number{font-size:8rem}.connect-card{clip-path:polygon(0 0,75% 0,85% 100%,0 100%)}.select-card{transform:translate(15%);clip-path:polygon(10% 0,100% 0,85% 100%,0 100%)}.send-card{clip-path:polygon(0 0,75% 0,85% 100%,0 100%)}.card-content{max-width:80%}}.moment-wrapper{display:inline-block}.letter{display:inline-block;color:#2555eb;transition:background .3s ease;font-family:Quintessential}.connect-icon{margin-top:2px}.workflow-cards .workflow-card:nth-child(2){margin-bottom:4rem}.home-container{min-height:100vh;background:#000;overflow:hidden;margin:0;padding:5rem 0rem}.home-content{max-width:95vw;margin:0 auto}.hero-section{text-align:center;margin-bottom:2rem;margin-top:4rem}.hero-text-wrapper{display:flex;justify-content:center;margin-bottom:.5rem}.hero-title-container{display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;line-height:1.2;flex-wrap:wrap;width:100%}.rotating-text-container{display:inline-flex;min-width:280px;justify-content:flex-start}.static-text{color:#f5f5f5;font-size:clamp(2.5rem,5vw,5rem);font-family:-webkit-body;font-weight:400}.hero-title-container .gradient-text{display:block;text-align:left;color:#fff!important;font-size:clamp(2.5rem,5vw,5rem)}.hero-subtitle{font-size:20px;color:#f5f5f5;margin-bottom:1rem;max-width:90%;margin:0 auto;font-family:-webkit-body;font-weight:100!important}.dual-scroll-showcase{position:relative;width:100vw;height:600px;margin:2rem 0;overflow:hidden;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.templates-container{display:flex;justify-content:center;gap:.5rem;height:100%;width:100%;padding:0 4rem;max-width:600px;margin:auto}.scroll-column{flex:1;max-width:800px;min-width:400px;height:100%}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(180deg,#000,#0000 15%,#0000 85%,#000);z-index:2}.features-grid{display:flex;flex-direction:column;gap:1rem;position:relative;margin-bottom:4rem}.feature-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"number title" "number description";gap:1rem 4rem;position:relative;padding:1rem 1rem 1rem 4rem;border-radius:1rem;transition:all .3s ease;cursor:pointer}.feature-item:hover .feature-title{position:relative}.feature-number{grid-area:number;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:#f5f5f5;position:absolute;left:1rem;top:0;transition:color .3s ease}.feature-title{grid-area:title;font-size:clamp(2rem,4vw,4rem);font-weight:700;color:#f5f5f5;line-height:1.2;transition:color .3s ease;font-family:Cormorant Garamond,serif;font-weight:600;font-style:italic;position:relative;display:inline-block;padding-bottom:.25rem}.feature-title:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#2555eb;transition:width .3s ease}.feature-item:hover .feature-title:after{width:30%}.feature-description{grid-area:description;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;color:#b2bcd0;transition:color .3s ease}.cta-section{text-align:center;margin-bottom:2rem}.cta-button{background:#2555eb;color:#fff;padding:1rem 2rem;margin-bottom:.5rem;border-radius:9999px;border:none;font-size:clamp(1rem,1.5vw,1.25rem);cursor:pointer;transition:transform .2s}.cta-button:focus{outline:none}.cta-button:hover{transform:translateY(-8px);background-color:#1047ed}.cta-subtitle{margin-top:.5rem}.cta-section .cta-button a{text-decoration:none;color:inherit}.tagline{margin:1.5rem}@media (min-width: 1024px){.feature-item{grid-template-columns:1fr 1fr;grid-template-areas:"title description";align-items:start;gap:4rem;padding-left:4rem}.feature-item.reverse{grid-template-areas:"description title";padding-left:4rem}}@media (max-width: 1440px){.scroll-column{max-width:600px;min-width:350px}}@media (max-width: 1023px){.scroll-column{max-width:500px;min-width:300px}.templates-container{gap:.5rem;padding:0 2rem}.hero-title-container{font-size:clamp(2rem,4vw,3rem);flex-wrap:wrap;justify-content:center}.rotating-text-container{min-width:250px;font-size:clamp(2.5rem,5vw,5rem)}.feature-item{grid-template-columns:1fr;grid-template-areas:"number" "title" "description";gap:1.5rem;padding-left:4rem}.feature-number{position:absolute;left:1rem;top:0;margin-bottom:.5rem}}@media (max-width: 768px){.templates-container{gap:.5rem;padding:0 1rem}.scroll-column{max-width:400px;min-width:250px}.hero-title-container{font-size:clamp(1.75rem,3.5vw,2.5rem);flex-wrap:wrap;text-align:center;gap:.25rem}.rotating-text-container{min-width:220px}.hero-subtitle{font-size:18px}.gradient-text{font-size:clamp(1.75rem,3.5vw,2.5rem)}}@media (max-width: 564px){.rotating-text-container{justify-content:center}}@media (max-width: 480px){.templates-container{padding:0 .5rem}.scroll-column{max-width:300px;min-width:200px}.hero-title-container{font-size:clamp(1.5rem,3vw,2rem);gap:.25rem}.rotating-text-container{min-width:180px}.gradient-text,.feature-title{font-size:clamp(1.5rem,3vw,2rem)}.feature-item{padding-left:2.5rem}.feature-number{left:.5rem}}.homepage-action-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem;background-color:#000}.send-button-homepage{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;background-color:#000;color:#fff;border:none;border-radius:1.5rem;cursor:pointer;background-color:#2555eb;font-family:Montserrat,sans-serif;font-weight:500;font-size:1rem}.homepage-send-button a{text-decoration:none}.send-button-homepage:focus{outline:none}body{background-color:#121212;color:#f5f5f5;font-family:Montserrat,sans-serif}.mm-dark-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.mm-dark-main-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0}.mm-dark-hero-block{max-width:800px;margin:0 auto}.mm-dark-top-subtitle{font-size:16px;margin-bottom:20px;font-weight:500}.mm-dark-primary-heading{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:30px}.mm-dark-blue-highlight{color:#2555eb}.mm-dark-hero-text{font-size:16px;line-height:1.6;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.mm-dark-try-button{background-color:#2555eb;color:#fff;font-family:Montserrat,sans-serif;font-weight:500;font-size:16px;padding:12px 30px;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s}.mm-dark-try-button:hover{background-color:#2555ebcc}@media (max-width: 768px){.mm-dark-primary-heading{font-size:36px}.mm-dark-hero-text{font-size:14px;padding:0 15px}}@media (max-width: 480px){.mm-dark-primary-heading{font-size:28px}.mm-dark-top-subtitle{font-size:14px}.mm-dark-try-button{padding:10px 24px;font-size:14px}}.mm-dark-try-button:focus{outline:none}.th-container{width:100%;display:flex;align-items:center;justify-content:center;padding:20px;margin-bottom:8rem}.th-content-wrapper{display:flex;max-width:1200px;width:100%;align-items:center;gap:40px}.th-image-container{flex:0 0 40%;max-width:450px}.th-hero-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000080}.th-text-container{flex:1;padding:20px 0}.th-heading{font-size:2.8rem;font-weight:500;margin-bottom:24px;line-height:1.2;color:#fff;font-family:Montserrat,sans-serif}.th-highlight{color:#2555eb;display:inline-block}.th-description{font-size:1.1rem;line-height:1.6;color:#ffffffe6;max-width:650px;font-family:Montserrat,sans-serif}.email-container{width:100%;display:flex;align-items:center;justify-content:center;padding:20px}.email-content-wrapper{display:flex;flex-direction:row;max-width:1200px;width:100%;gap:40px}.email-content-section{flex:1;display:flex;flex-direction:column;gap:30px}.email-text-container{padding:20px 0}.email-beta-tag{background-color:#2655eb;color:#fff;font-size:14px;font-weight:600;padding:4px 14px;border-radius:20px;display:inline-block;margin-bottom:1.5rem}.email-heading{font-size:2.8rem;font-weight:500;margin-bottom:24px;line-height:1.2;color:#fff}.email-highlight{color:#2655eb;display:inline-block}.email-description{font-size:1.1rem;line-height:1.6;color:#ffffffe6;margin-bottom:2rem}.email-features{margin-bottom:2.5rem}.email-features p{font-size:1.1rem;margin-bottom:1rem}.email-features-list{list-style-type:none;padding-left:.5rem}.email-features-list li{position:relative;padding-left:1.8rem;margin-bottom:.75rem;color:#fffc}.email-features-list li:before{content:"•";color:#2655eb;font-weight:700;font-size:1.2rem;position:absolute;left:0}.email-generate-button{background-color:#000;display:flex;align-items:center;border:2px solid #2655eb;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Montserrat,sans-serif}.email-generate-button:hover{background-color:#2655eb!important}.email-arrow{margin-left:.75rem;font-size:1.2rem}.email-image-container{flex:1;max-width:500px;display:flex;align-items:center}.email-hero-image{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px #00000080}.ask-ai-button a{text-decoration:none}body{background-color:#121218;color:#fff;font-family:Montserrat,sans-serif}.schedule-email-container{width:100%;display:flex;align-items:center;justify-content:center;padding:20px;margin:2rem auto 8rem}.schedule-email-content-wrapper{display:flex;flex-direction:row;max-width:1200px;width:100%;gap:40px;margin-top:8rem}.schedule-email-content-section{flex:1;display:flex;flex-direction:column}.schedule-email-text-container{padding:20px 0}.schedule-email-heading{font-size:2.8rem;font-weight:500;margin-bottom:24px;line-height:1.2;color:#fff}.schedule-plan{color:#2655eb}.schedule-email-description{font-size:1.1rem;line-height:1.6;color:#ffffffe6;margin-bottom:2rem}.schedule-email-image-container{flex:1;max-width:500px;display:flex;align-items:center}.schedule-email-hero-image{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px #00000080}@media screen and (max-width: 768px){.th-content-wrapper{flex-direction:column-reverse;text-align:center}.th-image-container{margin:0 auto}.th-text-container{padding:20px 0;display:flex;flex-direction:column;align-items:center}.th-description{text-align:center;margin:0 auto}.th-heading{font-size:2.2rem;text-align:center}}@media screen and (max-width: 768px){.email-content-wrapper{gap:30px}.email-heading{font-size:2rem}.email-description{font-size:1rem}}@media screen and (max-width: 768px){.email-container{padding:15px;margin-bottom:4rem}.email-content-wrapper{flex-direction:column-reverse}.email-image-container{order:-1;max-width:100%;margin-bottom:20px}.email-heading{font-size:1.8rem}.schedule-email-container{padding:15px;margin-bottom:4rem}.schedule-email-content-wrapper{flex-direction:column-reverse;padding:1.5rem}.schedule-email-image-container{order:-1;max-width:100%;margin-bottom:20px}.schedule-email-heading{font-size:1.8rem}}@media screen and (max-width: 600px){.th-heading{font-size:1.8rem}.th-description{font-size:1rem}}.mm-dark-try-button .schedule{max-width:5rem}.mm-dark-try-button .schedule:focus{outline:none}@keyframes homepage-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.homepage-skeleton-container{min-height:100vh;color:#fff;padding:0;margin:0;overflow-x:hidden}.homepage-skeleton-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.homepage-skeleton-text-line{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:homepage-skeleton-pulse 2s ease-in-out infinite;border-radius:4px;margin-bottom:.75rem}.homepage-skeleton-hero-section{text-align:center;padding:4rem 0 3rem;margin-bottom:3rem}.homepage-skeleton-hero-text-wrapper{max-width:800px;margin:0 auto}.homepage-skeleton-hero-title{margin-bottom:2rem}.homepage-skeleton-title-line-1{height:3.5rem;width:70%;margin:0 auto 1rem}.homepage-skeleton-title-line-2{height:3.5rem;width:50%;margin:0 auto 1rem}.homepage-skeleton-subtitle-line{height:1.5rem;width:80%;margin:0 auto}.homepage-skeleton-dual-scroll{display:flex;gap:2rem;justify-content:center;margin:4rem 0;height:600px;overflow:hidden}.homepage-skeleton-scroll-column{width:300px;display:flex;flex-direction:column;gap:1rem;transform:perspective(1000px) rotateX(20deg) rotate(-10deg)}.homepage-skeleton-scroll-item{height:200px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:homepage-skeleton-pulse 2s ease-in-out infinite;border-radius:12px;margin-bottom:-.5rem}.homepage-skeleton-scroll-column:nth-child(2) .homepage-skeleton-scroll-item{animation-delay:.5s}.homepage-skeleton-hero-section-2{background:#111;padding:4rem 2rem;margin:4rem 0;border-radius:12px;text-align:center}.homepage-skeleton-hero-2-subtitle{height:1.2rem;width:60%;margin:0 auto 1.5rem}.homepage-skeleton-hero-2-title-1{height:2.5rem;width:80%;margin:0 auto 1rem}.homepage-skeleton-hero-2-title-2{height:2.5rem;width:60%;margin:0 auto}.homepage-skeleton-workflow{display:flex;gap:2rem;margin:4rem 0;justify-content:center}.homepage-skeleton-workflow-card{background:#111;padding:2rem;border-radius:12px;width:280px;border:1px solid #222222}.homepage-skeleton-workflow-number{width:40px;height:40px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:homepage-skeleton-pulse 2s ease-in-out infinite;border-radius:50%;margin-bottom:1.5rem}.homepage-skeleton-workflow-title{height:1.5rem;width:60%;margin-bottom:1rem}.homepage-skeleton-workflow-desc-1{height:1rem;width:100%}.homepage-skeleton-workflow-desc-2{height:1rem;width:80%}.homepage-skeleton-templates-hero{text-align:center;margin:4rem 0}.homepage-skeleton-templates-title{height:2.5rem;width:60%;margin:0 auto 1rem}.homepage-skeleton-templates-subtitle{height:1.2rem;width:40%;margin:0 auto}.homepage-skeleton-email-marketing{display:flex;gap:3rem;align-items:center;margin:4rem 0;padding:3rem;background:#111;border-radius:12px}.homepage-skeleton-email-text{flex:1}.homepage-skeleton-beta-tag{height:1.5rem;width:60px;margin-bottom:1rem;border-radius:12px}.homepage-skeleton-email-title-1{height:2.5rem;width:90%;margin-bottom:.5rem}.homepage-skeleton-email-title-2{height:2.5rem;width:70%;margin-bottom:1.5rem}.homepage-skeleton-email-desc{height:1.2rem;width:95%;margin-bottom:2rem}.homepage-skeleton-features{margin-bottom:2rem}.homepage-skeleton-feature-item{height:1rem;margin-bottom:.5rem}.homepage-skeleton-feature-item:nth-child(1){width:85%}.homepage-skeleton-feature-item:nth-child(2){width:90%}.homepage-skeleton-feature-item:nth-child(3){width:80%}.homepage-skeleton-feature-item:nth-child(4){width:95%}.homepage-skeleton-button{height:3rem;width:180px;border-radius:8px}.homepage-skeleton-email-image{width:400px;height:300px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:homepage-skeleton-pulse 2s ease-in-out infinite;border-radius:12px;flex-shrink:0}.homepage-skeleton-schedule-email{display:flex;gap:3rem;align-items:center;margin:4rem 0;padding:3rem;background:#111;border-radius:12px}.homepage-skeleton-schedule-image{width:400px;height:300px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;animation:homepage-skeleton-pulse 2s ease-in-out infinite;border-radius:12px;flex-shrink:0}.homepage-skeleton-schedule-text{flex:1}.homepage-skeleton-schedule-title-1{height:2.5rem;width:90%;margin-bottom:.5rem}.homepage-skeleton-schedule-title-2{height:2.5rem;width:70%;margin-bottom:1.5rem}.homepage-skeleton-schedule-desc-1{height:1.2rem;width:100%}.homepage-skeleton-schedule-desc-2{height:1.2rem;width:95%}.homepage-skeleton-schedule-desc-3{height:1.2rem;width:80%}.homepage-skeleton-features-grid{margin:4rem 0}.homepage-skeleton-feature-item{margin-bottom:3rem;padding:2rem;background:#111;border-radius:12px}.homepage-skeleton-feature-title{height:2rem;width:40%;margin-bottom:1rem}.homepage-skeleton-feature-desc-1{height:1.2rem;width:100%}.homepage-skeleton-feature-desc-2{height:1.2rem;width:95%}.homepage-skeleton-feature-desc-3{height:1.2rem;width:80%}.homepage-skeleton-tagline{text-align:center;margin:4rem 0}.homepage-skeleton-tagline-text{height:2rem;width:60%;margin:0 auto}.homepage-skeleton-cta{text-align:center;margin:4rem 0}.homepage-skeleton-cta-button{height:3.5rem;width:200px;margin:0 auto 1rem;border-radius:8px}.homepage-skeleton-cta-subtitle{height:1rem;width:30%;margin:0 auto}@media (max-width: 1024px){.homepage-skeleton-dual-scroll{gap:1rem}.homepage-skeleton-scroll-column{width:250px}.homepage-skeleton-workflow{flex-wrap:wrap;gap:1.5rem}.homepage-skeleton-workflow-card{width:100%;max-width:300px}.homepage-skeleton-email-marketing,.homepage-skeleton-schedule-email{flex-direction:column;gap:2rem}.homepage-skeleton-email-image,.homepage-skeleton-schedule-image{width:100%;max-width:400px;height:250px}}@media (max-width: 768px){.homepage-skeleton-content{padding:1rem}.homepage-skeleton-hero-section{padding:2rem 0}.homepage-skeleton-title-line-1,.homepage-skeleton-title-line-2{height:2.5rem}.homepage-skeleton-dual-scroll{height:400px;gap:.5rem}.homepage-skeleton-scroll-column{width:200px}.homepage-skeleton-scroll-item{height:150px}.homepage-skeleton-workflow{flex-direction:column;align-items:center}.homepage-skeleton-workflow-card{width:100%;max-width:none}.homepage-skeleton-email-marketing,.homepage-skeleton-schedule-email,.homepage-skeleton-hero-section-2{padding:2rem 1rem}}@media (max-width: 480px){.homepage-skeleton-dual-scroll{height:300px}.homepage-skeleton-scroll-column{width:150px}.homepage-skeleton-scroll-item{height:120px}.homepage-skeleton-title-line-1,.homepage-skeleton-title-line-2{height:2rem;width:90%}.homepage-skeleton-workflow-card{padding:1.5rem}.homepage-skeleton-email-marketing,.homepage-skeleton-schedule-email{padding:1.5rem 1rem}.homepage-skeleton-email-image,.homepage-skeleton-schedule-image{height:200px}}.dashboard-skeleton-page-container{min-height:100vh;color:#fff}@keyframes dashboard-skeleton-pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:.6;transform:scale(1)}}.dashboard-skeleton-pulse{animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-element{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:6px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-navbar{height:70px;background-color:#111;border-bottom:1px solid #333333;display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.dashboard-skeleton-navbar-brand{width:150px;height:40px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:6px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-navbar-menu{display:flex;gap:1rem}.dashboard-skeleton-navbar-item{width:80px;height:36px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:6px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-main-content{flex:1;padding:2rem}.dashboard-skeleton-inner-container{max-width:1200px;margin:0 auto}.dashboard-skeleton-page-title{width:250px;height:48px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:8px;margin-bottom:2rem;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-tabs-container{display:flex;gap:1rem;margin-bottom:2rem}.dashboard-skeleton-tab-button{width:120px;height:44px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:8px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-tab-active{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}.dashboard-skeleton-data-section{width:100%}.dashboard-skeleton-table-wrapper{width:100%;overflow-x:auto;margin-bottom:2rem;background-color:#111;border-radius:12px;border:1px solid #333333}.dashboard-skeleton-emails-table{width:100%;border-collapse:collapse}.dashboard-skeleton-emails-table th{padding:1rem;text-align:left;border-bottom:1px solid #333333;background-color:#1a1a1a}.dashboard-skeleton-emails-table td{padding:1rem;border-bottom:1px solid #333333}.dashboard-skeleton-th{width:100px;height:20px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-td{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite;height:20px}.dashboard-skeleton-td-narrow{width:60px}.dashboard-skeleton-td-medium{width:80px}.dashboard-skeleton-td-wide{width:150px}.dashboard-skeleton-td-small{width:50px}.dashboard-skeleton-date-time{display:flex;flex-direction:column;gap:4px}.dashboard-skeleton-status-badge{width:80px;height:24px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:12px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-action-button{width:70px;height:32px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:6px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.dashboard-skeleton-email-card,.dashboard-skeleton-history-card{background-color:#111;border:1px solid #333333;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.dashboard-skeleton-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.dashboard-skeleton-card-title{width:180px;height:24px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:6px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-card-content{display:flex;flex-direction:column;gap:.75rem}.dashboard-skeleton-card-row{display:flex;justify-content:space-between;align-items:center}.dashboard-skeleton-card-label{width:80px;height:16px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-card-value-small{width:40px;height:16px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-card-value-medium{width:100px;height:16px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-card-actions{margin-top:auto;display:flex;justify-content:flex-end}.dashboard-skeleton-email-preview{margin-top:1rem;padding:1rem;background-color:#0a0a0a;border-radius:8px;border:1px solid #333333}.dashboard-skeleton-preview-content{max-height:200px;overflow:hidden}.dashboard-skeleton-email-template{display:flex;flex-direction:column;gap:.5rem}.dashboard-skeleton-template-line{height:16px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-template-line-short{width:70%}.dashboard-skeleton-calendar-view{width:100%}.dashboard-skeleton-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background-color:#111;border-radius:12px;border:1px solid #333333}.dashboard-skeleton-calendar-nav-group{display:flex;align-items:center;gap:1rem}.dashboard-skeleton-nav-button{width:40px;height:40px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:8px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-month-title{width:200px;height:32px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:6px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-calendar-week-nav{display:flex;align-items:center;gap:1rem}.dashboard-skeleton-week-indicator{width:120px;height:20px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-horizontal-calendar-container{overflow-x:auto;background-color:#111;border-radius:12px;border:1px solid #333333}.dashboard-skeleton-horizontal-calendar{display:flex;min-width:800px}.dashboard-skeleton-time-column{min-width:80px;background-color:#1a1a1a;border-right:1px solid #333333}.dashboard-skeleton-time-header{height:60px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;border-bottom:1px solid #333333;margin:.5rem;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-time-slot{height:80px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-bottom:1px solid #333333;margin:.5rem;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-day-column{flex:1;min-width:100px;border-right:1px solid #333333}.dashboard-skeleton-day-header{height:60px;background-color:#1a1a1a;border-bottom:1px solid #333333;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem}.dashboard-skeleton-weekday{width:30px;height:16px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-day-number{width:24px;height:20px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;border-radius:4px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-time-slot-cell{height:80px;border-bottom:1px solid #333333;padding:.25rem}.dashboard-skeleton-time-slot-content{height:100%;display:flex;flex-direction:column;gap:.25rem}.dashboard-skeleton-calendar-event{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200% 100%;border-radius:4px;padding:.25rem;border-left:3px solid #3b82f6;animation:dashboard-skeleton-pulse 2s ease-in-out infinite;height:40px;display:flex;flex-direction:column;gap:.125rem}.dashboard-skeleton-event-time{width:40px;height:12px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;border-radius:2px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}.dashboard-skeleton-event-title{width:60px;height:12px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;border-radius:2px;animation:dashboard-skeleton-pulse 2s ease-in-out infinite}@media (max-width: 768px){.dashboard-skeleton-main-content{padding:1rem}.dashboard-skeleton-navbar{padding:0 1rem}.dashboard-skeleton-navbar-menu{gap:.5rem}.dashboard-skeleton-navbar-item{width:60px;height:32px}.dashboard-skeleton-cards-grid{grid-template-columns:1fr;gap:1rem}.dashboard-skeleton-table-wrapper{overflow-x:scroll}.dashboard-skeleton-tabs-container{gap:.5rem}.dashboard-skeleton-tab-button{width:100px;height:40px}.dashboard-skeleton-calendar-header{flex-direction:column;gap:1rem}.dashboard-skeleton-horizontal-calendar{min-width:600px}.dashboard-skeleton-day-column{min-width:80px}}@media (max-width: 480px){.dashboard-skeleton-page-title{width:200px;height:40px}.dashboard-skeleton-navbar-brand{width:120px;height:32px}.dashboard-skeleton-card-header{flex-direction:column;align-items:flex-start}.dashboard-skeleton-horizontal-calendar{min-width:500px}.dashboard-skeleton-time-column{min-width:60px}.dashboard-skeleton-day-column{min-width:70px}}.templates-skeleton-page{background-color:#000;color:#fff;min-height:100vh;padding:20px;overflow-x:hidden}@keyframes templates-skeleton-pulse{0%{background-color:#1a1a1a;opacity:.8}50%{background-color:#2a2a2a;opacity:.4}to{background-color:#1a1a1a;opacity:.8}}.templates-skeleton-connect-bg-text,.templates-skeleton-instruction,.templates-skeleton-connect-button,.templates-skeleton-gallery-item,.templates-skeleton-lib-image,.templates-skeleton-lib-heading,.templates-skeleton-lib-heading-line2,.templates-skeleton-lib-description,.templates-skeleton-lib-description-line2,.templates-skeleton-line-text,.templates-skeleton-preview-content,.templates-skeleton-category,.templates-skeleton-btn,.templates-skeleton-title,.templates-skeleton-description-line1,.templates-skeleton-description-line2,.templates-skeleton-create-heading,.templates-skeleton-from-field,.templates-skeleton-subject-field,.templates-skeleton-custom-content,.templates-skeleton-custom-description,.templates-skeleton-custom-description-line2,.templates-skeleton-custom-btn,.templates-skeleton-message-line{animation:templates-skeleton-pulse 1.5s ease-in-out infinite;border-radius:8px;background-color:#1a1a1a}.templates-skeleton-drive-connect{text-align:center;padding:60px 20px;position:relative;margin-bottom:40px;background:transparent}.templates-skeleton-connect-bg-text{width:300px;height:80px;margin:0 auto 20px;border-radius:12px}.templates-skeleton-instruction{width:250px;height:20px;margin:0 auto 30px}.templates-skeleton-connect-button{width:150px;height:45px;margin:0 auto;border-radius:25px}.templates-skeleton-gallery{margin:40px 0;overflow:hidden;background:transparent}.templates-skeleton-gallery-container{display:flex;justify-content:center;gap:20px;padding:20px;background:transparent}.templates-skeleton-gallery-item{width:300px;height:200px;border-radius:16px;flex-shrink:0}.templates-skeleton-lib-container{padding:60px 20px;margin:40px 0;background:transparent}.templates-skeleton-lib-content{display:flex;align-items:center;gap:60px;max-width:1200px;margin:0 auto;background:transparent}.templates-skeleton-lib-image{width:400px;height:300px;border-radius:16px;flex-shrink:0}.templates-skeleton-lib-text{flex:1;background:transparent}.templates-skeleton-lib-heading{width:100%;height:50px;margin-bottom:15px;border-radius:12px}.templates-skeleton-lib-heading-line2{width:80%;height:50px;margin-bottom:30px;border-radius:12px}.templates-skeleton-lib-description{width:100%;height:20px;margin-bottom:12px}.templates-skeleton-lib-description-line2{width:90%;height:20px}.templates-skeleton-choose-create{display:flex;justify-content:space-between;align-items:center;padding:40px 20px;margin:60px 0;background:transparent}.templates-skeleton-choose-line,.templates-skeleton-create-line{flex:1;background:transparent}.templates-skeleton-line-text{width:200px;height:40px;border-radius:12px}.templates-skeleton-create-line .templates-skeleton-line-text{margin-left:auto}.templates-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;padding:20px;margin:40px 0;background:transparent}.templates-skeleton-card{background-color:#0a0a0a;border-radius:16px;overflow:hidden;border:1px solid #1a1a1a}.templates-skeleton-preview{position:relative;height:250px;padding:15px;background:transparent}.templates-skeleton-preview-content{width:100%;height:150px;border-radius:12px;margin-bottom:15px}.templates-skeleton-category{width:100px;height:20px;position:absolute;top:20px;right:20px;border-radius:20px}.templates-skeleton-actions{display:flex;gap:10px;position:absolute;bottom:15px;left:15px;background:transparent}.templates-skeleton-btn{width:80px;height:35px;border-radius:20px}.templates-skeleton-info{padding:20px;background:transparent}.templates-skeleton-title{width:80%;height:24px;margin-bottom:15px;border-radius:12px}.templates-skeleton-description-line1{width:100%;height:16px;margin-bottom:8px}.templates-skeleton-description-line2{width:90%;height:16px}.templates-skeleton-create-section{margin:60px 20px;background:transparent}.templates-skeleton-create-heading{width:300px;height:36px;margin:0 auto 40px;border-radius:12px}.templates-skeleton-custom-card{background-color:#0a0a0a;border-radius:16px;overflow:hidden;max-width:800px;margin:0 auto;border:1px solid #1a1a1a}.templates-skeleton-custom-preview{padding:20px;border-bottom:1px solid #1a1a1a;background:transparent}.templates-skeleton-custom-header{margin-bottom:20px;background:transparent}.templates-skeleton-from-field{width:200px;height:20px;margin-bottom:10px}.templates-skeleton-subject-field{width:300px;height:20px}.templates-skeleton-custom-content{width:100%;height:120px;border-radius:12px}.templates-skeleton-custom-info{padding:20px;background:transparent}.templates-skeleton-custom-description{width:100%;height:16px;margin-bottom:8px}.templates-skeleton-custom-description-line2{width:85%;height:16px;margin-bottom:20px}.templates-skeleton-custom-actions{display:flex;gap:15px;background:transparent}.templates-skeleton-custom-btn{width:80px;height:36px;border-radius:20px}.templates-skeleton-message{text-align:center;padding:60px 20px;margin-top:80px;background:transparent}.templates-skeleton-message-line{width:300px;height:40px;margin:0 auto 15px;border-radius:12px}@media (max-width: 768px){.templates-skeleton-lib-content{flex-direction:column;gap:30px;text-align:center}.templates-skeleton-lib-image{width:100%;max-width:300px;height:200px}.templates-skeleton-choose-create{flex-direction:column;gap:20px}.templates-skeleton-create-line .templates-skeleton-line-text{margin-left:0}.templates-skeleton-grid{grid-template-columns:1fr;gap:20px}.templates-skeleton-gallery-container{flex-direction:column;align-items:center}.templates-skeleton-gallery-item{width:100%;max-width:300px}}@media (max-width: 480px){.templates-skeleton-page{padding:15px}.templates-skeleton-connect-bg-text{width:200px;height:60px}.templates-skeleton-lib-image{height:150px}.templates-skeleton-grid{grid-template-columns:1fr;padding:10px}.templates-skeleton-custom-card{margin:0 10px}}@keyframes preview-skeleton-pulse{0%{opacity:.8}50%{opacity:.4}to{opacity:.8}}.preview-skeleton-container{min-height:100vh;background-color:#000;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-family:Arial,Helvetica,sans-serif;position:relative;margin-top:10rem}.preview-skeleton-back-button-container{position:absolute;top:20px;left:20px;z-index:10;width:100%;max-width:200px}.preview-skeleton-back-button{display:flex;align-items:center;background-color:#1a1a1a;padding:8px 16px;border-radius:20px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite;height:40px}.preview-skeleton-back-icon{width:18px;height:18px;background-color:#333;border-radius:2px;margin-right:8px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-back-text{width:120px;height:16px;background-color:#333;border-radius:4px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-device-mockups{display:flex;gap:4rem;align-items:center;justify-content:center;max-width:100%;margin-top:5rem}.preview-skeleton-macbook-mockup{width:800px;height:500px;background:#1a1a1a;border-radius:16px;position:relative;padding:20px;box-shadow:0 20px 40px #0000004d;animation:preview-skeleton-pulse 2s ease-in-out infinite}.preview-skeleton-macbook-screen{width:100%;height:100%;background:#2a2a2a;border-radius:8px;overflow:hidden;position:relative}.preview-skeleton-mac-email-client{display:flex;flex-direction:column;height:100%;overflow:hidden}.preview-skeleton-mac-email-header{height:64px;background:#1f1f1f;border-bottom:1px solid #333333;display:flex;align-items:center;padding:0 16px}.preview-skeleton-mac-header-left{display:flex;align-items:center;gap:16px}.preview-skeleton-mac-menu-icon{width:24px;height:24px;background:#333;border-radius:4px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mac-search-bar{width:400px;height:32px;background:#333;border-radius:8px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mac-email-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-skeleton-mac-email-toolbar{height:48px;border-bottom:1px solid #333333;display:flex;align-items:center;padding:0 16px;background:#1f1f1f}.preview-skeleton-mac-toolbar-left{display:flex;gap:8px}.preview-skeleton-mac-tool-btn{width:60px;height:24px;background:#333;border-radius:4px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mac-email-view{flex:1;padding:20px;overflow-y:auto;height:calc(100% - 48px)}.preview-skeleton-mac-email-subject{width:300px;height:22px;background:#333;border-radius:4px;margin-bottom:20px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mac-email-details{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #333333;margin-bottom:20px}.preview-skeleton-mac-sender-info{display:flex;align-items:center;gap:12px}.preview-skeleton-mac-sender-avatar{width:40px;height:40px;background:#333;border-radius:50%;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mac-sender-text{display:flex;flex-direction:column;gap:4px}.preview-skeleton-mac-sender-name{width:120px;height:14px;background:#333;border-radius:3px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mac-sender-address{width:80px;height:12px;background:#333;border-radius:3px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mac-email-time{width:100px;height:12px;background:#333;border-radius:3px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mac-email-body{display:flex;flex-direction:column;gap:12px}.preview-skeleton-iphone-mockup{width:280px;height:580px;background:#1a1a1a;border-radius:40px;position:relative;padding:15px;box-shadow:0 20px 40px #0000004d;animation:preview-skeleton-pulse 2s ease-in-out infinite}.preview-skeleton-iphone-notch{width:180px;height:30px;background:#0a0a0a;position:absolute;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:15px;border-bottom-right-radius:15px;z-index:2}.preview-skeleton-iphone-screen{width:100%;height:100%;background:#2a2a2a;border-radius:35px;overflow:hidden;position:relative}.preview-skeleton-iphone-email-client{height:100%;display:flex;flex-direction:column}.preview-skeleton-iphone-email-header{background:#1f1f1f}.preview-skeleton-iphone-status-bar{height:44px;display:flex;justify-content:center;align-items:center;padding:0 16px}.preview-skeleton-iphone-time{width:40px;height:14px;background:#333;border-radius:3px;margin-top:1rem;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-iphone-nav-bar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #333333}.preview-skeleton-iphone-back-btn,.preview-skeleton-iphone-menu-btn{width:20px;height:20px;background:#333;border-radius:3px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-iphone-title{width:60px;height:16px;background:#333;border-radius:3px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-iphone-email-view{flex:1;padding:16px;overflow-y:auto}.preview-skeleton-iphone-email-subject{width:200px;height:20px;background:#333;border-radius:4px;margin-bottom:16px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-iphone-email-details{display:flex;gap:12px;margin-bottom:16px}.preview-skeleton-iphone-sender-avatar{width:32px;height:32px;background:#333;border-radius:50%;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-iphone-sender-info{flex:1;display:flex;flex-direction:column;gap:4px}.preview-skeleton-iphone-sender-name{width:100px;height:12px;background:#333;border-radius:3px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-iphone-email-time{width:80px;height:12px;background:#333;border-radius:3px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-iphone-email-body{display:flex;flex-direction:column;gap:8px}.preview-skeleton-text-line{height:14px;background:#333;border-radius:3px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-line-long{width:90%}.preview-skeleton-line-medium{width:70%}.preview-skeleton-line-short{width:50%}.preview-skeleton-image-placeholder{width:100%;height:120px;background:#333;border-radius:8px;margin:16px 0;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mobile-image{height:80px;margin:12px 0}.preview-skeleton-button-placeholder{width:120px;height:36px;background:#333;border-radius:6px;margin-top:16px;animation:preview-skeleton-pulse 1.5s ease-in-out infinite}.preview-skeleton-mobile-button{width:100px;height:32px;margin-top:12px}@media screen and (max-width: 1024px){.preview-skeleton-container{padding:2rem 1rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-skeleton-back-button-container{position:absolute;top:10px;left:10px;width:auto}.preview-skeleton-device-mockups{flex-direction:column;gap:2rem;width:100%;align-items:center;justify-content:center;margin-top:60px}.preview-skeleton-macbook-mockup{width:90%;max-width:700px;height:450px}.preview-skeleton-mac-search-bar{width:300px}}@media screen and (max-width: 650px){.preview-skeleton-container{padding:1rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5rem}.preview-skeleton-macbook-mockup{display:none}.preview-skeleton-device-mockups{padding:0;width:100%;display:flex;justify-content:center;align-items:center;margin-top:50px}.preview-skeleton-iphone-mockup{width:280px;height:580px}}@media screen and (min-width: 425px) and (max-width: 650px){.preview-skeleton-back-button-container{top:-10px;left:-125px;position:relative}.preview-skeleton-back-button{padding:8px;width:fit-content;height:40px;display:flex;align-items:center}.preview-skeleton-back-text{display:none}.preview-skeleton-back-icon{width:24px;height:24px;margin:0}}.preview-skeleton-mac-tool-btn:nth-child(1){animation-delay:0s}.preview-skeleton-mac-tool-btn:nth-child(2){animation-delay:.1s}.preview-skeleton-mac-tool-btn:nth-child(3){animation-delay:.2s}.preview-skeleton-mac-tool-btn:nth-child(4){animation-delay:.3s}.preview-skeleton-mac-tool-btn:nth-child(5){animation-delay:.4s}.preview-skeleton-text-line:nth-child(odd){animation-delay:.1s}.preview-skeleton-text-line:nth-child(2n){animation-delay:.2s}@keyframes editor-skeleton-pulse{0%{background-color:#2a2a2a;opacity:.4}50%{background-color:#3a3a3a;opacity:.6}to{background-color:#2a2a2a;opacity:.4}}.editor-skeleton-pulse{animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-base{border-radius:4px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#000;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:8rem;position:sticky;top:80px;z-index:10;width:100%;box-sizing:border-box}.editor-skeleton-back-button{width:90px;height:40px;background-color:#2a2a2a;border-radius:6px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-title{width:300px;height:32px;background-color:#2a2a2a;border-radius:6px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-actions{display:flex;align-items:center;gap:12px}.editor-skeleton-status{width:120px;height:30px;background-color:#2a2a2a;border-radius:4px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-button{width:80px;height:40px;background-color:#2a2a2a;border-radius:6px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-email-header{margin-bottom:20px;padding:10px;background-color:#1a1a1a;border-radius:8px;border:1px solid #333;width:100%;box-sizing:border-box}.editor-skeleton-from-field{width:200px;height:20px;background-color:#2a2a2a;border-radius:4px;margin-bottom:10px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-subject-field{width:100%;height:40px;background-color:#2a2a2a;border-radius:6px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-wrapper{flex:1;background-color:#1e1e1e;border-radius:8px;box-shadow:0 1px 3px #0000004d;overflow:hidden;min-height:650px;position:relative;z-index:1;width:100%;max-width:100%}.editor-skeleton-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background-color:#2c2c2c;border-bottom:1px solid #404040}.editor-skeleton-toolbar-group{display:flex;gap:4px;align-items:center}.editor-skeleton-toolbar-button{width:32px;height:32px;background-color:#3a3a3a;border-radius:4px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-content{padding:20px;background-color:#1e1e1e}.editor-skeleton-content-line{height:16px;background-color:#2a2a2a;border-radius:4px;margin-bottom:12px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}.editor-skeleton-line-full{width:100%}.editor-skeleton-line-90{width:90%}.editor-skeleton-line-85{width:85%}.editor-skeleton-line-80{width:80%}.editor-skeleton-line-70{width:70%}.editor-skeleton-line-65{width:65%}.editor-skeleton-line-60{width:60%}.editor-skeleton-line-50{width:50%}.editor-skeleton-line-45{width:45%}.editor-skeleton-line-40{width:40%}.editor-skeleton-line-30{width:30%}.editor-skeleton-send-actions{display:flex;justify-content:center;gap:16px;padding:24px 0;width:100%;max-width:1200px;margin:0 auto}.editor-skeleton-send-button{width:180px;height:48px;background-color:#2a2a2a;border-radius:6px;animation:editor-skeleton-pulse 1.5s ease-in-out infinite}@media (max-width: 1024px){.editor-skeleton-toolbar,.editor-skeleton-toolbar-group{flex-wrap:wrap}.editor-skeleton-wrapper{min-height:600px}}@media (max-width: 768px){.editor-skeleton-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:2rem}.editor-skeleton-title{width:250px;align-self:flex-start}.editor-skeleton-actions{align-self:flex-start;width:100%}.editor-skeleton-send-actions{padding:20px 16px;flex-direction:column;align-items:center}.editor-skeleton-send-button{width:100%;max-width:320px}.template-editor-container{padding:16px}}@media (max-width: 500px){.editor-skeleton-header{flex-direction:column;align-items:flex-start;padding:12px;margin-bottom:1rem}.editor-skeleton-back-button{width:80px;height:36px}.editor-skeleton-title{width:200px;height:28px;margin-bottom:12px}.editor-skeleton-button{width:70px;height:36px}.editor-skeleton-status{width:100px;height:28px}.template-editor-container{padding:12px}.editor-skeleton-wrapper{min-height:400px}.editor-skeleton-subject-field{height:36px}.editor-skeleton-from-field{height:18px;width:150px}.editor-skeleton-send-actions{padding:16px 12px}.editor-skeleton-send-button{height:44px;min-width:unset;width:100%}.editor-skeleton-toolbar{padding:8px;gap:6px}.editor-skeleton-toolbar-button{width:28px;height:28px}.editor-skeleton-content{padding:16px}.editor-skeleton-content-line{height:14px;margin-bottom:10px}}@media (max-width: 400px){.editor-skeleton-title{width:180px;height:26px}.editor-skeleton-back-button{width:70px;height:32px}.editor-skeleton-button{width:60px;height:32px}.editor-skeleton-status{width:80px;height:26px}.editor-skeleton-send-button{height:40px}.editor-skeleton-subject-field{height:32px}.editor-skeleton-from-field{height:16px;width:120px}}@media (max-width: 375px){.editor-skeleton-header{padding:10px}.editor-skeleton-title{width:160px;height:24px}.editor-skeleton-toolbar{padding:6px;gap:4px}.editor-skeleton-toolbar-button{width:24px;height:24px}.editor-skeleton-content{padding:12px}.editor-skeleton-content-line{height:12px;margin-bottom:8px}}.editor-skeleton-toolbar-button:nth-child(2n){animation-delay:.1s}.editor-skeleton-toolbar-button:nth-child(3n){animation-delay:.2s}.editor-skeleton-content-line:nth-child(2n){animation-delay:.1s}.editor-skeleton-content-line:nth-child(3n){animation-delay:.2s}.editor-skeleton-content-line:nth-child(4n){animation-delay:.3s}.editor-skeleton-actions>*:nth-child(1){animation-delay:0s}.editor-skeleton-actions>*:nth-child(2){animation-delay:.1s}.editor-skeleton-actions>*:nth-child(3){animation-delay:.2s}.editor-skeleton-send-actions>*:nth-child(1){animation-delay:0s}.editor-skeleton-send-actions>*:nth-child(2){animation-delay:.1s}.editor-skeleton-base:before,.editor-skeleton-back-button:before,.editor-skeleton-title:before,.editor-skeleton-button:before,.editor-skeleton-status:before,.editor-skeleton-from-field:before,.editor-skeleton-subject-field:before,.editor-skeleton-toolbar-button:before,.editor-skeleton-content-line:before,.editor-skeleton-send-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:editor-skeleton-shimmer 2s infinite}@keyframes editor-skeleton-shimmer{0%{left:-100%}to{left:100%}}.editor-skeleton-back-button,.editor-skeleton-title,.editor-skeleton-button,.editor-skeleton-status,.editor-skeleton-from-field,.editor-skeleton-subject-field,.editor-skeleton-toolbar-button,.editor-skeleton-content-line,.editor-skeleton-send-button{position:relative;overflow:hidden}@keyframes chatbot-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.chatbot-skeleton-container{display:flex;flex-direction:column;height:100%;max-height:700px;width:100%;max-width:800px;margin:0 auto;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #0000004d;border:1px solid #222222;margin-top:10rem;margin-bottom:8rem}.chatbot-skeleton-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#111;border-bottom:1px solid #222222}.chatbot-skeleton-header-left{display:flex;align-items:center;gap:12px}.chatbot-skeleton-back-button{width:28px;height:28px;background-color:#333;border-radius:6px;animation:chatbot-skeleton-pulse 1.5s ease-in-out infinite}.chatbot-skeleton-title{width:200px;height:20px;background-color:#333;border-radius:4px;animation:chatbot-skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.1s}.chatbot-skeleton-clear-button{width:80px;height:32px;background-color:#333;border-radius:6px;animation:chatbot-skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.2s}.chatbot-skeleton-messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.chatbot-skeleton-message{display:flex;margin-bottom:8px}.chatbot-skeleton-user-message{justify-content:flex-end}.chatbot-skeleton-assistant-message{justify-content:flex-start;width:500px}.chatbot-skeleton-message-bubble{max-width:80%;padding:12px 16px;border-radius:12px;background-color:#222;display:flex;flex-direction:column;gap:8px;width:250px}.chatbot-skeleton-user-bubble{background-color:#333;border-top-right-radius:4px;width:100px}.chatbot-skeleton-assistant-message .chatbot-skeleton-message-bubble{border-top-left-radius:4px;width:100px}.chatbot-skeleton-text-line{height:16px;background-color:#444;border-radius:4px;animation:chatbot-skeleton-pulse 1.5s ease-in-out infinite}.chatbot-skeleton-user-bubble .chatbot-skeleton-text-line{background-color:#555}.chatbot-skeleton-title-line{width:95%;height:20px;animation-delay:.1s}.chatbot-skeleton-long-line{width:92%;animation-delay:.2s}.chatbot-skeleton-medium-line{width:78%;animation-delay:.3s}.chatbot-skeleton-short-line{width:65%;animation-delay:.4s}.chatbot-skeleton-suggestions-container{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-top:1px solid #222222;background-color:#111}.chatbot-skeleton-suggestion-button{height:32px;background-color:#333;border-radius:20px;animation:chatbot-skeleton-pulse 1.5s ease-in-out infinite}.chatbot-skeleton-suggestion-button:nth-child(1){width:280px;animation-delay:.1s}.chatbot-skeleton-suggestion-button:nth-child(2){width:240px;animation-delay:.2s}.chatbot-skeleton-suggestion-button:nth-child(3){width:200px;animation-delay:.3s}.chatbot-skeleton-suggestion-button:nth-child(4){width:180px;animation-delay:.4s}.chatbot-skeleton-suggestion-button:nth-child(5){width:160px;animation-delay:.5s}.chatbot-skeleton-suggestion-button:nth-child(6){width:220px;animation-delay:.6s}.chatbot-skeleton-input-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#111;border-top:1px solid #222222;width:100px}.chatbot-skeleton-chat-input{flex:1;height:48px;background-color:#333;border-radius:24px;animation:chatbot-skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.1s;width:100px}.chatbot-skeleton-send-button{width:42px;height:42px;background-color:#333;border-radius:50%;flex-shrink:0;animation:chatbot-skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.2s}@media (max-width: 768px){.chatbot-skeleton-container{border-radius:0;height:100vh;max-height:100vh;margin-top:0;margin-bottom:0}.chatbot-skeleton-message-bubble{max-width:85%}.chatbot-skeleton-suggestions-container{overflow-x:auto;padding:10px 12px;flex-wrap:nowrap;justify-content:flex-start}.chatbot-skeleton-suggestion-button{flex-shrink:0}.chatbot-skeleton-hide-mobile{display:none}.chatbot-skeleton-suggestion-button:nth-child(1){width:200px}.chatbot-skeleton-suggestion-button:nth-child(2){width:180px}}@media (max-width: 480px){.chatbot-skeleton-title{width:150px;height:18px}.chatbot-skeleton-clear-button{width:60px;height:28px}.chatbot-skeleton-message-bubble{max-width:90%;padding:10px 12px}.chatbot-skeleton-text-line{height:14px}.chatbot-skeleton-title-line{height:18px}.chatbot-skeleton-chat-input{height:44px}.chatbot-skeleton-send-button{width:38px;height:38px}.chatbot-skeleton-hide-small{display:none}.chatbot-skeleton-suggestion-button:nth-child(1){width:160px}.chatbot-skeleton-suggestion-button:nth-child(2){width:140px}}.chatbot-skeleton-message:nth-child(odd) .chatbot-skeleton-text-line{animation-delay:.5s}.chatbot-skeleton-message:nth-child(2n) .chatbot-skeleton-text-line{animation-delay:.7s}.chatbot-skeleton-messages-container{scrollbar-width:thin;scrollbar-color:#444444 #222222}.chatbot-skeleton-messages-container::-webkit-scrollbar{width:6px}.chatbot-skeleton-messages-container::-webkit-scrollbar-track{background:#222}.chatbot-skeleton-messages-container::-webkit-scrollbar-thumb{background-color:#444;border-radius:6px}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat}.bento-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.bento-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:20px;width:75%;height:75%;max-width:1200px;max-height:800px}.bento-item{border-radius:24px;overflow:hidden;position:relative;box-shadow:0 8px 32px #00000026;transition:transform .3s ease}.bento-item:hover{transform:translateY(-2px)}.bento-travel{grid-column:1;grid-row:1}.bento-statistics{grid-column:2;grid-row:1}.bento-walking{grid-column:3;grid-row:1}.bento-support{grid-column:1;grid-row:2}.bento-potential{grid-column:2 / 4;grid-row:2 / 4}.bento-competitions{grid-column:1;grid-row:3}.bento-practice{grid-column:2;grid-row:3}.bento-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.bento-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform}.bento-sliding-left .bento-image{transform:translate(-100%)}.bento-sliding-right .bento-image{transform:translate(100%)}.bento-sliding-top .bento-image{transform:translateY(-100%)}.bento-sliding-bottom .bento-image{transform:translateY(100%)}.bento-item:hover .bento-image{transform:scale(1.05)}.bento-sliding-left:hover .bento-image{transform:translate(-100%) scale(1.05)}.bento-sliding-right:hover .bento-image{transform:translate(100%) scale(1.05)}.bento-sliding-top:hover .bento-image{transform:translateY(-100%) scale(1.05)}.bento-sliding-bottom:hover .bento-image{transform:translateY(100%) scale(1.05)}.bento-overlay{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}.bento-overlay.bento-yellow-bg{color:#333}.bento-title{font-size:1.5rem;font-weight:800;margin-bottom:8px;letter-spacing:.05em}.bento-large-number{font-size:3.2rem!important;font-weight:900}.bento-subtitle{font-size:1rem;line-height:1.4;opacity:.9;font-family:Montserrat}.bento-text-content{width:100%;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between;font-family:Montserrat}.bento-text-content.bento-dark{background:#9700ff;color:#000;font-family:Montserrat}.bento-text-content.bento-blue{background:#ff3dda;color:#000;align-items:center;justify-content:center;text-align:center;font-weight:500;font-family:Montserrat}.bento-description{font-size:.75rem;margin-top:12px;margin-bottom:20px;opacity:.8}.bento-support-icon{font-size:2rem;margin-bottom:16px}.bento-support-text{font-size:1rem;line-height:1.4;text-align:center;font-weight:700}.bento-stats-grid{display:flex;justify-content:space-between;gap:16px}.bento-stats-header h3{color:#000;font-family:Montserrat}.bento-stat-item{display:flex;flex-direction:column;align-items:center;flex:1}.bento-stat-bar{width:60px;height:60px;border-radius:12px;margin-bottom:8px}.bento-stat-bar.bento-yellow{background:#ffeb3b}.bento-stat-bar.bento-blue{background:#2196f3}.bento-stat-bar.bento-white{background:#fff}.bento-stat-label{font-size:.8rem;margin-bottom:4px}.bento-stat-percentage{font-size:1.2rem;font-weight:700}.bento-feature-list{margin-top:20px;display:flex;flex-direction:column;gap:8px}.bento-feature-item{padding:8px 16px;background:#ffffff1a;border-radius:8px;font-size:.9rem;transition:background .3s ease}.bento-feature-item.bento-active{background:#ffeb3b;color:#333}@media (max-width: 600px){.bento-container{padding:.5rem;width:98vw;height:100vh;margin:auto}.bento-support-text{font-size:.8rem;line-height:1.2;text-align:center;font-weight:700}.bento-grid{width:100%;height:100%;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.bento-travel{grid-column:1;grid-row:1}.bento-statistics{grid-column:2;grid-row:1}.bento-walking{display:none}.bento-support{grid-column:1;grid-row:2}.bento-potential{grid-column:2;grid-row:2 / 4}.bento-competitions{grid-column:1;grid-row:3}.bento-practice{grid-column:1;grid-row:4}.bento-overlay{padding:16px}.bento-title{font-size:1.2rem}.bento-large-number{font-size:2.5rem!important}.bento-subtitle{font-size:1.5rem}.bento-text-content{padding:16px}.bento-support-text{font-size:.9rem}.bento-stats-grid{gap:8px}.bento-stat-bar{width:40px;height:40px}.bento-feature-item{padding:6px 12px;font-size:.8rem}}@media (max-width: 480px){.bento-grid{gap:8px}.bento-overlay{padding:12px}.bento-title{font-size:1rem}.bento-large-number{font-size:2.8rem!important}.bento-subtitle{font-size:1.2rem}.bento-text-content{padding:12px}.bento-support-text{font-size:.8rem}.bento-stat-bar{width:35px;height:35px}.bento-stat-percentage{font-size:1rem}}@keyframes bento-slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bento-item{animation:bento-slideIn .6s ease forwards}.bento-travel{animation-delay:.1s}.bento-statistics{animation-delay:.2s}.bento-walking{animation-delay:.3s}.bento-support{animation-delay:.4s}.bento-potential{animation-delay:.5s}.bento-competitions{animation-delay:.6s}.bento-practice{animation-delay:.7s}.login-page{min-height:100vh;min-width:100vw;overflow-x:hidden;background-image:url(/Email_Templates.png);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;padding:1rem}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0000008c;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);padding:3rem;border-radius:12px;box-shadow:0 2px 8px #1111114e;max-width:500px;width:90%;font-family:Montserrat,serif}.welcome span{color:#2555eb;font-family:Montserrat,serif}.title{font-size:2.2rem;font-weight:700;color:#f5f5f5;margin-bottom:.5rem;text-align:center;letter-spacing:-.5px;font-family:Montserrat,serif}.subtitle{font-size:1.2rem;font-weight:500;color:#fff;margin-bottom:1.8rem;text-align:center;font-family:Montserrat,serif}.welcome-content{text-align:center;color:#fff;line-height:1.7;margin-bottom:2.5rem;font-weight:400;font-family:Montserrat,serif}.login-button{width:100%;display:flex;justify-content:center}.login-button button{background-color:#2555eb;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:5px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;font-family:Montserrat,serif}.login-button button:hover{box-shadow:1px 2px 4px #00000086;transform:scale(1.05)}.google-icon{width:20px;height:20px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%234285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/><path fill="%2334A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/><path fill="%23FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/><path fill="%23EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/></svg>');background-repeat:no-repeat;background-position:center;background-size:contain;font-family:Montserrat,serif}@media screen and (max-width: 768px){.welcome{padding:2rem}.title{font-size:1.8rem}.subtitle{font-size:1rem}.welcome-content{font-size:.95rem}}@media screen and (max-width: 480px){.login-page{padding:.5rem}.welcome{padding:1.5rem;width:95%}.title{font-size:1.5rem}.login-button button{padding:.7rem 1.2rem;font-size:.9rem}}.error-message{color:#d32f2f;margin-top:10px;font-size:14px}.connect-container{position:relative;width:100%;height:45vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.background-text{font-size:clamp(50px,14vw,180px);font-weight:700;color:#e0e0e0;text-transform:uppercase;letter-spacing:clamp(.8px,.8vw,3.5px);position:absolute;width:100%;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;font-family:Montserrat}.instruction-text{position:absolute;color:#424242;font-size:clamp(10px,1.5vw,16px);font-family:Montserrat,serif;text-align:center;margin-top:clamp(60px,15vw,200px);z-index:1}.connect-button{position:absolute;padding:clamp(5px,1.8vw,14px) clamp(10px,3.5vw,28px);font-size:clamp(10px,1.8vw,16px);background-color:#ffffffd9;color:#1976d2;cursor:pointer;border:none;outline:none;border-radius:5px;transition:all .3s ease}.connect-button:hover{background-color:#2196f3e6}.login-prompt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-prompt-text{background:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a;color:#000!important}.login-prompt-text button{margin-top:10px;padding:8px 16px;background:#007bff!important;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-prompt button:hover{background:#0056b3}.gallery-container{position:relative;width:100%;overflow:hidden;margin-bottom:4rem}.gallery-gradient{position:absolute;top:0;height:100%;width:100px;z-index:10}.gallery-gradient-left{left:0;background:linear-gradient(to left,#0000,#060606)}.gallery-gradient-right{right:0;background:linear-gradient(to right,#0000,#060606)}.gallery-content{display:flex;align-items:center;justify-content:center;perspective:1500px;transform-style:preserve-3d}.gallery-track{display:flex;height:auto;min-height:300px;justify-content:center;align-items:center;cursor:grab;transform-style:preserve-3d;width:100%}.gallery-item{position:absolute;display:flex;height:fit-content;align-items:center;justify-content:center;padding:12%;backface-visibility:hidden}.gallery-img{pointer-events:none;height:200px;width:450px;border-radius:20px;border:3px double white;object-fit:cover;transition:.3s ease}.gallery-item:hover .gallery-img{transform:scale(1.05);transition:.3s ease}@media (max-width: 1024px){.gallery-container{margin-bottom:2rem}.gallery-img{height:180px;width:400px}.gallery-item{padding:10%}.gallery-gradient{width:80px}}@media (max-width: 768px){.gallery-container{margin-bottom:2rem}.gallery-img{height:160px;width:350px}.gallery-item{padding:10%}.gallery-gradient{width:60px}}@media (max-width: 480px){.gallery-container{margin-bottom:1.5rem}.gallery-img{height:140px;width:300px}.gallery-item{padding:6%}.gallery-gradient{width:40px}}.mobile-gallery-container{position:relative;width:100%;height:300px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:4rem}.gallery-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.gallery-gradient{position:absolute;top:0;height:100%;width:120px;z-index:2;pointer-events:none}.gallery-gradient-left{left:0;background:linear-gradient(90deg,#000,#0000)}.gallery-gradient-right{right:0;background:linear-gradient(270deg,#000,#0000)}.mobile-gallery-item{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.mobile-gallery-img{width:350px;height:300px;object-fit:cover;border-radius:20px;border:3px double #fff;box-shadow:0 4px 12px #00000026}@media (max-width: 375px){.mobile-gallery-img{width:85%;margin:auto}.gallery-gradient{width:60px}}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;max-width:1600px;margin:0 auto;background-color:#000;margin-bottom:5rem}.template-card{background:linear-gradient(145deg,#1a1a1a,#222)!important;border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;min-height:max-content;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.template-preview{position:relative;height:350px;background:#0006;overflow:hidden}.preview-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.email-render{transform:scale(.6);transform-origin:top center;min-height:100%}.preview-fade{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,#282828,#fff0);pointer-events:none}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0dcc;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.template-card:hover .preview-overlay{opacity:1;cursor:pointer}.template-category{background:#ffffff1a;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:fit-content}.overlay-actions{display:flex;gap:1rem;justify-content:center}.template-info{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:linear-gradient(145deg,#1a1a1a,#222)}.info-header{display:flex;justify-content:space-between;align-items:flex-start}.info-header h3{color:#fff;font-size:1.25rem;margin:0;font-weight:600}.template-metrics{display:flex;flex-direction:column;align-items:flex-end}.metric-value{color:#34d399;font-size:1.25rem;font-weight:600}.metric-label{color:#71717a;font-size:.75rem}.template-description{color:#c9c9ce;font-size:.875rem;line-height:1.6;margin:0}.template-footer{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.template-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#ffffff0d;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem}.template-progress{height:3px;background:#ffffff1a;border-radius:1.5px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#34d399,#2563eb);border-radius:1.5px;transition:width .3s ease}.btn-preview,.btn-use{padding:8px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-preview{background-color:transparent;color:#2555eb;border:1px solid #2555eb;font-weight:500;font-family:Montserrat;cursor:pointer}.btn-preview:hover{cursor:pointer;color:#c9c9ce;border:1px solid #c9c9ce}.btn-use{background-color:#2555eb;color:#fff;cursor:pointer;font-weight:500;font-family:Montserrat}.btn-use:hover{background-color:#4338ca;cursor:pointer}@media (max-width: 1200px){.template-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 768px){.template-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;padding:1.5rem}.template-card{min-height:max-content}.template-preview{height:300px}}@media (max-width: 480px){.template-grid{grid-template-columns:1fr;gap:2.5rem;padding:1rem}.template-preview{height:250px}.template-info{padding:1.25rem}}.create-template-section{margin-top:60px;margin-bottom:40px;padding:0 20px}.create-template-heading{font-size:28px;color:#333;margin-bottom:24px;text-align:center;position:relative}.create-template-heading:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);height:3px;width:60px;background:#5046e5}.create-template-wrapper{max-width:700px;margin:0 auto}.btn-preview,.btn-use{padding:5px 10px;font-size:12px}@media screen and (max-width: 768px){.create-template-section{margin-top:40px}}.btn-preview:focus,.btn-use:focus{outline:none}body,html{background-color:#000!important}.custom-template-card{position:relative;border-radius:12px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:490px;width:100%;margin-bottom:40px;max-width:100%}.custom-template-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.custom-template-preview{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.custom-template-header{background-color:#f5f7fa;border-bottom:1px solid #e5e7eb;padding:10px 15px;width:100%;box-sizing:border-box}.custom-email-from,.custom-email-subject{display:flex;align-items:center;margin:8px 0;flex-wrap:wrap}.custom-label{width:70px;font-weight:600;color:#333;font-size:14px}.custom-value{color:#000;font-size:14px;word-break:break-word;max-width:calc(100% - 70px)}.custom-subject-input{flex:1;padding:6px 10px;font-size:14px;outline:none;width:calc(100% - 70px);border:none;background-color:inherit;box-sizing:border-box}.custom-subject-input:focus{border-color:#5046e5}.custom-template-content{flex:1;overflow:auto;padding:0;position:relative;width:100%}.custom-template-editor{width:100%;height:100%;border:none;padding:15px 15px 45px;resize:none;font-size:14px;line-height:1.5;outline:none;box-sizing:border-box;background-color:#fff;color:#000!important;font-weight:400;font-family:Arial,Helvetica,sans-serif;overflow-wrap:break-word;word-wrap:break-word}.custom-template-info{padding:20px;background-color:#1a1a1a}.custom-template-description{font-size:15px;line-height:1.6;color:#c9c9ce;margin-bottom:20px;margin-top:0}.custom-overlay-actions{display:flex;gap:10px}.custom-btn-preview,.custom-btn-use{padding:8px 15px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.custom-btn-preview{background-color:transparent;color:#2555eb;border:1px solid #2555eb;font-weight:500;font-family:Montserrat;cursor:pointer}.custom-btn-preview:hover{cursor:pointer;color:#c9c9ce;border:1px solid #c9c9ce}.custom-btn-use{background-color:#2555eb;color:#fff;cursor:pointer;font-weight:500;font-family:Montserrat}.custom-btn-use:hover{background-color:#4338ca;cursor:pointer}.custom-template-editor::placeholder{color:#9ca3af}.custom-subject-input::placeholder{color:#9ca3af}.create-template-section{margin-top:60px;margin-bottom:40px;padding:0 20px;width:100%}.create-template-heading{font-size:28px;color:#f5f5f5;margin-bottom:30px;text-align:center;position:relative;font-family:Montserrat;font-weight:400}.create-template-heading:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);height:2px;width:20%;background:#2555eb}.create-template-wrapper{width:100%;max-width:1100px;margin:0 auto}@media screen and (max-width: 768px){.custom-template-card{min-height:575px}.create-template-section{margin-top:40px}.custom-email-from,.custom-email-subject{flex-direction:column;align-items:flex-start}.custom-label{margin-bottom:5px}.custom-subject-input{width:100%}}@media screen and (max-width: 576px){.custom-template-card{min-height:625px}.custom-template-description{font-size:14px;line-height:1.6}.custom-btn-preview,.custom-btn-use{padding:6px 12px;font-size:14px}}@media screen and (max-width: 500px){.custom-template-card{min-height:500px}.custom-template-header{padding:8px 12px}.custom-label{width:50px;font-size:12px}.custom-value{font-size:12px;max-width:calc(100% - 50px)}.custom-subject-input{padding:4px 8px;font-size:12px;width:100%}.custom-template-editor{padding:12px;font-size:12px}.custom-template-info{padding:15px}.custom-template-description{font-size:13px;line-height:1.6;margin-bottom:15px}.custom-btn-preview,.custom-btn-use{padding:5px 10px;font-size:12px}.create-template-heading{font-size:22px}}@media screen and (max-width: 400px){.custom-template-card{min-height:450px}.custom-template-description{font-size:12px;line-height:1.6}.custom-btn-preview,.custom-btn-use{padding:4px 8px;font-size:11px}}.custom-template-description .custom-strong{color:#f5f5f5}.custom-btn-preview:focus,.custom-btn-use:focus{outline:none}.template-lib-container{width:100%;display:flex;align-items:center;justify-content:center;padding:20px;margin-bottom:4rem;margin-top:2rem}.template-lib-content-wrapper{display:flex;max-width:1200px;width:100%;align-items:center;gap:40px}.template-lib-text-container .mm-dark-try-button.library{margin-top:2rem!important}.template-lib-image-container{flex:0 0 40%;max-width:450px}.template-lib-hero-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000080}.template-lib-text-container{flex:1;padding:20px 0;gap:1rem!important}.template-lib-heading{display:flex;flex-direction:column;font-size:2.8rem;font-weight:500;margin-bottom:24px;line-height:1.2;color:#fff;font-family:Montserrat,sans-serif}.template-lib-highlight{color:#2555eb;display:inline-block}.template-lib-description{font-size:1.1rem;line-height:1.6;color:#ffffffe6;max-width:650px;font-family:Montserrat,sans-serif}@media screen and (max-width: 900px){.template-lib-content-wrapper{flex-direction:column-reverse;text-align:center}.template-lib-image-container{margin:0 auto}.template-lib-text-container{padding:20px 0;display:flex;flex-direction:column;align-items:center}.template-lib-description{text-align:center;margin:0 auto}.template-lib-heading{font-size:2.2rem;text-align:center}}@media screen and (max-width: 600px){.template-lib-heading{font-size:1.8rem}.template-lib-description{font-size:1rem}}.templates-page{min-height:100vh;min-width:100vw;overflow:hidden;background-color:#000}.email-templates-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;margin-top:8rem}.connect-container{position:relative;width:100%;height:50vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.background-text{font-size:clamp(50px,14vw,180px);font-weight:700;color:#616474;text-transform:uppercase;letter-spacing:clamp(.8px,.8vw,3.5px);position:absolute;width:100%;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;font-family:Montserrat;font-weight:400}.instruction-text{position:absolute;color:#fff;font-size:clamp(10px,1.5vw,16px);font-family:Montserrat,serif;text-align:center;margin-top:clamp(60px,15vw,200px);z-index:1}.connect-button{position:absolute;padding:clamp(5px,1.8vw,14px) clamp(10px,3.5vw,28px);font-size:clamp(10px,1.8vw,16px);background-color:#000000a6;color:#fff;cursor:pointer;border:none;outline:none;border-radius:5px;transition:all .3s ease}.connect-button:hover{background-color:#2196f3bf}.template-message{font-size:clamp(1.65rem,4vw,4rem);display:flex;align-items:center;justify-content:center;text-align:center;font-family:Montserrat,sans-serif;margin-bottom:4rem;flex-wrap:wrap;margin-top:4rem;font-weight:500}.template-message span{color:#f5f5f5}.template-message div{color:#2555eb;font-family:Quintessential}.template-message div span{font-family:Montserrat}.choose-create{display:flex;flex-direction:column;gap:clamp(1rem,3vw,2.5rem);width:100%;color:#fff;background-color:#000;padding:clamp(2rem,4vw,4rem) 0;position:relative;margin-bottom:2rem}.choose-line,.create-line{display:flex;align-items:center;justify-content:center;opacity:.9}.create-line{cursor:pointer}.line-wrapper{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1.5rem);white-space:nowrap}.choose-text,.create-text{font-family:Montserrat,serif;font-weight:400;font-size:clamp(1.5rem,4vw,4.5rem)}.library-text,.template-text{font-size:clamp(1.5rem,4vw,4.5rem);color:#2555eb;position:relative;transition:color .3s ease;font-family:Quintessential}.template-text{cursor:pointer}.template-text{position:relative;cursor:pointer;display:inline-block;transition:color .3s ease}.template-text:after{content:"";position:absolute;bottom:-2px;left:-150px;width:0;height:2px;background-color:currentColor;transition:width .3s ease}.template-text:hover:after{width:calc(100% + 120px)}@media screen and (max-width: 768px){.choose-create{gap:1rem;padding:1.5rem 0}.choose-line,.create-line{flex-direction:row;text-align:center;justify-content:center}}@media screen and (max-width: 425px){.template-message{flex-direction:column;line-height:1.2}.template-message>div{display:flex;white-space:nowrap;justify-content:center;width:100%}.choose-line,.create-line{width:100%}.line-wrapper{width:fit-content;overflow:hidden}}.choose-from-design{display:flex;align-items:center;justify-content:flex-start;padding-left:4rem;color:#f5f5f5;font-family:Montserrat;margin-bottom:2rem;flex-wrap:wrap;font-size:1.8rem}.template-ai-container{width:100%;display:flex;align-items:center;justify-content:center;padding:20px;margin-bottom:4rem;margin-top:6rem}.template-ai-content-wrapper{display:flex;max-width:1200px;width:100%;align-items:center;gap:40px}.template-ai-image-container{flex:0 0 40%;max-width:450px}.template-ai-hero-image{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000080}.template-ai-text-container{flex:1;padding:20px 0}.template-ai-heading{display:flex;flex-direction:column;font-size:2.8rem;font-weight:500;margin-bottom:24px;line-height:1.2;color:#fff;font-family:Montserrat,sans-serif}.template-ai-highlight{color:#2555eb;display:inline-block}.template-ai-description{font-size:1.1rem;line-height:1.6;color:#ffffffe6;max-width:650px;font-family:Montserrat,sans-serif}@media screen and (max-width: 900px){.template-ai-content-wrapper{flex-direction:column-reverse;text-align:center}.template-ai-image-container{margin:0 auto}.template-ai-text-container{padding:20px 0;display:flex;flex-direction:column;align-items:center}.template-ai-description{text-align:center;margin:0 auto}.template-ai-heading{font-size:2.2rem;text-align:center}}@media screen and (max-width: 600px){.template-ai-heading{font-size:1.8rem}.template-ai-description{font-size:1rem}}.video-section{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.templates-video{width:90vw;object-fit:contain;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#000;margin:auto}@media (min-width: 625px){.video-section{padding:40px}.templates-video{width:75vw;object-fit:cover;margin:auto}}.preview-container{min-height:100vh;background:#f5f5f5;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#000;font-family:Arial,Helvetica,sans-serif;position:relative;margin-top:10rem}.back-button-container{position:absolute;top:20px;left:20px;z-index:10;width:100%;max-width:15rem;background-color:inherit}.back-button-preview{display:flex;align-items:center;background-color:inherit;color:#fff;padding:8px 16px;border-radius:20px;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;font-family:Arial,Helvetica,sans-serif}.back-button-preview:hover{color:#1a73e8;box-shadow:0 4px 12px #00000026;background-color:inherit}.back-icon{margin-right:8px;font-size:18px}.device-mockups{display:flex;gap:4rem;align-items:center;justify-content:center;max-width:100%;margin-top:5rem;font-family:Arial,Helvetica,sans-serif}.macbook-mockup{width:800px;height:500px;background:#323232;border-radius:16px;position:relative;padding:20px;box-shadow:0 20px 40px #0000001a;font-family:Arial,Helvetica,sans-serif}.macbook-screen{width:100%;height:100%;background:#fff;border-radius:8px;overflow:hidden;position:relative;font-family:Arial,Helvetica,sans-serif}.mac-email-client{display:flex;flex-direction:column;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.mac-email-header{height:64px;background:#f6f8fc;border-bottom:1px solid #e8eaed;display:flex;align-items:center;padding:0 16px;font-family:Arial,Helvetica,sans-serif}.mac-header-left{display:flex;align-items:center;gap:16px;font-family:Arial,Helvetica,sans-serif}.mac-menu-icon{width:24px;height:24px;background:#5f6368;border-radius:4px;font-family:Arial,Helvetica,sans-serif}.mac-search-bar{width:400px;height:48px;background:#eaf1fb;border-radius:8px;padding:0 16px;display:flex;align-items:center;font-family:Arial,Helvetica,sans-serif}.mac-search-bar input{width:100%;height:100%;border:none;background:transparent;font-size:16px;color:#202124;font-family:Arial,Helvetica,sans-serif}.mac-email-content{flex:1;display:flex;flex-direction:column;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.mac-email-toolbar{height:48px;border-bottom:1px solid #e8eaed;display:flex;align-items:center;padding:0 16px;background:#fff;font-family:Arial,Helvetica,sans-serif}.mac-toolbar-left{display:flex;gap:8px;font-family:Arial,Helvetica,sans-serif}.mac-tool-btn{padding:6px 12px;border:none;background:transparent;color:#5f6368;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif}.mac-tool-btn:hover{background:#f1f3f4;font-family:Arial,Helvetica,sans-serif}.mac-email-view{flex:1;padding:20px;overflow-y:auto;height:calc(100% - 48px);font-family:Arial,Helvetica,sans-serif}.mac-email-subject{font-size:22px;color:#202124;margin-bottom:20px;font-family:Arial,Helvetica,sans-serif}.mac-email-details{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #e8eaed;font-family:Arial,Helvetica,sans-serif}.mac-sender-info{display:flex;align-items:center;gap:12px;font-family:Arial,Helvetica,sans-serif}.mac-sender-avatar{width:40px;height:40px;background:#e8eaed;border-radius:50%;font-family:Arial,Helvetica,sans-serif}.mac-sender-text{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}.mac-sender-name{font-size:14px;color:#202124;font-weight:500;font-family:Arial,Helvetica,sans-serif}.mac-sender-address,.mac-email-time{font-size:12px;color:#5f6368;font-family:Arial,Helvetica,sans-serif}.mac-email-body{padding-top:20px;font-size:14px!important;font-family:Arial,Helvetica,sans-serif!important}.mac-email-body *{font-family:Arial,Helvetica,sans-serif!important}.iphone-mockup{width:280px;height:580px;background:#323232;border-radius:40px;position:relative;padding:15px;box-shadow:0 20px 40px #0000001a;font-family:Arial,Helvetica,sans-serif}.iphone-notch{width:180px;height:30px;background:#1a1a1a;position:absolute;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:15px;border-bottom-right-radius:15px;z-index:2;font-family:Arial,Helvetica,sans-serif}.iphone-screen{width:100%;height:100%;background:#fff;border-radius:35px;overflow:hidden;position:relative;font-family:Arial,Helvetica,sans-serif}.iphone-email-client{height:100%;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}.iphone-email-header{background:#fff;font-family:Arial,Helvetica,sans-serif}.iphone-status-bar{height:44px;display:flex;justify-content:center;align-items:center;padding:0 16px;font-family:Arial,Helvetica,sans-serif}.iphone-time{font-size:14px;font-weight:600;color:#000!important;margin-top:1rem;font-family:Arial,Helvetica,sans-serif}.iphone-nav-bar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #e8eaed;font-family:Arial,Helvetica,sans-serif}.iphone-back-btn,.iphone-menu-btn{border:none;background:none;font-size:20px;color:#1a73e8;cursor:pointer;font-family:Arial,Helvetica,sans-serif}.iphone-title{font-size:16px;font-weight:500;color:#1a73e8;font-family:Arial,Helvetica,sans-serif}.iphone-email-view{flex:1;padding:16px;overflow-y:auto;font-family:Arial,Helvetica,sans-serif}.iphone-email-subject{font-size:20px;color:#202124;margin-bottom:16px;font-family:Arial,Helvetica,sans-serif}.iphone-email-details{display:flex;gap:12px;margin-bottom:16px;font-family:Arial,Helvetica,sans-serif}.iphone-sender-avatar{width:32px;height:32px;background:#e8eaed;border-radius:50%;font-family:Arial,Helvetica,sans-serif}.iphone-sender-info{flex:1;font-family:Arial,Helvetica,sans-serif}.iphone-sender-name{font-size:12px;color:#202124;font-weight:500;font-family:Arial,Helvetica,sans-serif}.iphone-email-time{font-size:12px;color:#5f6368;font-family:Arial,Helvetica,sans-serif}.iphone-email-body{font-size:12px;line-height:1.5;font-family:Arial,Helvetica,sans-serif}@media screen and (max-width: 1024px){.preview-container{padding:2rem 1rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif}.back-button-container{position:absolute;top:10px;left:10px;width:auto}.device-mockups{flex-direction:column;gap:2rem;width:100%;align-items:center;justify-content:center;margin-top:60px;font-family:Arial,Helvetica,sans-serif}.macbook-mockup{width:90%;max-width:700px;height:450px;font-family:Arial,Helvetica,sans-serif}.mac-search-bar{width:300px;font-family:Arial,Helvetica,sans-serif}}@media screen and (max-width: 650px){.preview-container{padding:1rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;margin-top:5rem}.macbook-mockup{display:none;font-family:Arial,Helvetica,sans-serif}.device-mockups{padding:0;width:100%;display:flex;justify-content:center;align-items:center;margin-top:50px;font-family:Arial,Helvetica,sans-serif}.iphone-mockup{width:280px;height:580px;font-family:Arial,Helvetica,sans-serif}}.mac-sender-avatar,.iphone-sender-avatar{background-size:cover;background-position:center;background-color:#ccc;border-radius:50%;font-family:Arial,Helvetica,sans-serif}.mac-sender-avatar{width:40px;height:40px;font-family:Arial,Helvetica,sans-serif}.iphone-sender-avatar{width:32px;height:32px;font-family:Arial,Helvetica,sans-serif}.iphone-mockup{position:relative;width:280px;height:580px;border-radius:36px;background-color:#222;box-shadow:0 10px 20px #00000026;padding:12px;box-sizing:border-box;margin:0 auto;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.iphone-screen{width:100%;height:100%;border-radius:24px;overflow:hidden;background-color:#fff;position:relative;font-family:Arial,Helvetica,sans-serif}.iphone-email-view{padding:12px;height:calc(100% - 80px);overflow-y:auto;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif}.iphone-email-body{width:100%;overflow-x:hidden;word-break:break-word;font-size:12px!important;line-height:1.5;font-family:Arial,Helvetica,sans-serif!important}.iphone-email-body *{font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important}.iphone-email-body h1{font-size:18px!important}.iphone-email-body h2{font-size:16px!important}.iphone-email-body h3{font-size:14px!important}.iphone-email-body h4,.iphone-email-body h5,.iphone-email-body h6{font-size:13px!important}.iphone-email-body table{width:100%!important;max-width:100%!important;table-layout:fixed;font-family:Arial,Helvetica,sans-serif}.iphone-email-body td,.iphone-email-body th{word-break:break-word;max-width:100%;font-family:Arial,Helvetica,sans-serif}.iphone-email-body img{max-width:100%!important;height:auto!important;font-family:Arial,Helvetica,sans-serif}.iphone-email-client{width:100%;height:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif}@media screen and (max-width: 768px){.device-mockups{flex-direction:column;align-items:center;gap:40px;font-family:Arial,Helvetica,sans-serif}.macbook-mockup{width:100%;max-width:600px;font-family:Arial,Helvetica,sans-serif}}@media screen and (min-width: 425px) and (max-width: 650px){.back-button-container{top:-10px;left:-125px;position:relative}.back-button{padding:8px;width:fit-content;height:40px;display:flex;align-items:center;background-color:inherit;color:#fff}.back-icon{font-size:24px;margin:0}}.template-editor-page{min-height:100vh;background-color:#000}.template-editor-main{padding-top:80px;min-height:calc(100vh - 80px);width:100%;display:flex;justify-content:center}.template-editor-container{display:flex;flex-direction:column;width:100%;max-width:1200px;padding:24px;background-color:#000;color:#e0e0e0;overflow-x:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#000;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:20px;position:sticky;top:80px;z-index:10;width:100%;box-sizing:border-box;margin-bottom:8rem}.editor-header h1{font-size:24px;color:#fff;margin:0;word-break:break-word}.editor-actions{display:flex;gap:12px}.editor-actions button{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-reset{background-color:transparent;border:1px solid #2555eb;color:#2555eb}.btn-reset:hover{border-color:#f5f5f5;color:#f5f5f5}.btn-save{background-color:#2555eb;border:1px solid #2555eb;color:#fff}.btn-save:hover{background-color:#4d3de0;border-color:#4d3de0}.editor-wrapper{flex:1;background-color:#1e1e1e;border-radius:8px;box-shadow:0 1px 3px #0000004d;overflow:hidden;min-height:500px;position:relative;z-index:1;width:100%;max-width:100%}.email-header{margin-bottom:20px;width:100%;max-width:100%;box-sizing:border-box}.email-from{margin-bottom:10px;font-size:14px;color:#e0e0e0;font-family:Arial,Helvetica,sans-serif}.email-subject{width:100%;padding:10px;font-size:16px;border-radius:6px;background-color:#1e1e1e;color:#e0e0e0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.send-email-btn{display:flex;align-items:center;justify-content:center;margin-top:2.5rem}.send-email-btn button{padding:1rem;text-decoration:none;border:none;border-radius:.5rem;background-color:#2563eb;color:#fff;font-size:1rem;cursor:pointer;margin-bottom:3rem}.send-email-btn button:hover{background-color:#4e7fea}.email-header{margin-bottom:20px;padding:10px;background-color:#f6f8fc;border-radius:8px;border:1px solid #ddd;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.email-from{font-size:14px;color:#202124;margin-bottom:10px;word-break:break-word}.email-subject{width:100%;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#202124;box-sizing:border-box}.toast-confirm{padding:15px;color:#e0e0e0;background-color:#1e1e1e;border:1px solid #333;border-radius:6px}.toast-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.toast-confirm-btn{background-color:#ff5252;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.toast-confirm-btn:hover{background-color:#ff1744}.toast-cancel-btn{background-color:#2c2c2c;color:#e0e0e0;border:1px solid #404040;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.toast-cancel-btn:hover{background-color:#3d3d3d}.save-status{padding:5px 10px;border-radius:4px;font-size:14px}.save-status.success{background-color:#4caf50;color:#fff}.save-status.error{background-color:#f44336;color:#fff}.confirm-toast{background-color:#1e1e1e!important;color:#e0e0e0;padding:15px;border-radius:8px;max-width:400px}.confirm-buttons{display:flex;justify-content:space-between;margin-top:15px;gap:10px}.confirm-buttons button{padding:8px 12px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:background-color .2s}.confirm-buttons button:first-child{background-color:#ef4444;color:#fff}.confirm-buttons button:first-child:hover{background-color:#dc2626}.confirm-buttons button:last-child{background-color:#3f3f46;color:#fff}.confirm-buttons button:last-child:hover{background-color:#52525b}.tox-tinymce{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.tox-edit-area{max-width:100%;overflow-x:auto}.tox-edit-area__iframe{max-width:100%}@media (max-width: 1024px){.tox-toolbar__group{flex-wrap:wrap!important;justify-content:flex-start!important}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{flex-wrap:wrap!important}.tox .tox-toolbar-overlord .tox-toolbar__primary{flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important}.tox .tox-tbtn{margin:2px!important}.tox .tox-toolbar__group{display:flex!important;flex-wrap:wrap!important;max-width:100%!important}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{height:auto!important;min-height:40px!important}.tox .tox-toolbar-overlord{min-width:0!important;width:100%!important}.tox-tinymce{min-height:550px!important}.tox-edit-area{flex-grow:1!important}.tox-edit-area__iframe{min-height:450px!important}.editor-wrapper{min-height:600px!important}}@media (max-width: 768px){.editor-header{flex-direction:column;align-items:flex-start;gap:16px}.editor-actions{align-self:flex-start}.template-editor-container{padding:16px}}@media (max-width: 500px){.editor-header{flex-direction:column;align-items:flex-start;padding:12px}.editor-header h1{font-size:20px;margin-bottom:10px}.editor-actions{width:100%;justify-content:flex-start}.editor-actions button{padding:8px 16px;font-size:12px}.template-editor-container{padding:12px}.tox-tinymce{min-height:400px!important}.email-subject{font-size:14px!important;padding:8px!important}.email-from{font-size:12px}.send-email-btn button{padding:.8rem;font-size:.9rem}}@media (max-width: 400px){.editor-header h1{font-size:18px}.email-subject{font-size:13px!important}.editor-actions button{padding:6px 12px;font-size:11px}.send-email-btn button{padding:.7rem;font-size:.8rem;width:100%;max-width:250px}}.editor-header .back-button{cursor:pointer;transition:color .3s ease}.editor-header .back-button svg{width:2.5em;margin-right:.5em}.editor-header .back-button{min-width:80px;display:flex;align-items:center;cursor:pointer}.editor-header .template-name{margin-bottom:1.25rem}.editor-header a{text-decoration:none}.editor-header .back-button{display:flex;align-items:center;font-size:16px;font-weight:500;color:#fff;padding:8px 16px;border-radius:6px;transition:all .3s ease;cursor:pointer;min-width:90px}@media (max-width: 768px){.editor-header .back-button{font-size:15px;padding:7px 14px}}@media (max-width: 500px){.editor-header .back-button{font-size:14px;padding:6px 12px}.editor-header .back-button svg{width:1.2em;height:1.2em}}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#000;border-radius:8px;box-shadow:0 2px 4px #0003;margin-bottom:8rem;position:sticky;top:80px;z-index:10;width:100%;box-sizing:border-box}.editor-header a{text-decoration:none;display:flex;align-items:center}.editor-header .back-button{display:flex;align-items:center;font-size:16px;font-weight:500;color:#fff;padding:8px 16px;transition:all .3s ease;cursor:pointer;height:40px}.editor-header .back-button:hover{color:#2555eb}.editor-header .back-button svg{width:1.5em;height:1.5em;margin-right:4px}.editor-header .template-name{display:inline-block;font-size:24px;color:#fff;margin:0;text-align:center;padding-bottom:8px}.editor-actions{display:flex;align-items:center;gap:12px;height:40px}.editor-actions button{padding:8px 16px;height:40px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;justify-content:center}.save-status{display:flex;align-items:center;padding:5px 10px;border-radius:4px;font-size:14px;height:30px}@media (max-width: 768px){.editor-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.editor-header a{align-self:flex-start}.editor-header .template-name{align-self:flex-start;margin-bottom:16px}.editor-actions{align-self:flex-start;width:100%}}@media (max-width: 500px){.editor-header{padding:12px}.editor-header .back-button{font-size:14px;padding:6px 12px;height:36px}.editor-header .template-name{font-size:20px;margin-bottom:12px}.editor-actions button{padding:6px 12px;font-size:13px;height:36px}}.send-email-buttons{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.send-email-buttons button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.send-email-buttons button:first-child{background-color:#4a6baf;color:#fff}.send-email-buttons button:first-child:hover{background-color:#3a5a9f}.send-email-buttons button.schedule-button{background-color:#f0f4ff;color:#4a6baf;border:1px solid #4a6baf}.send-email-buttons button.schedule-button:hover{background-color:#e0e8ff}@media (max-width: 768px){.send-email-buttons{flex-direction:column}}.send-email-actions{display:flex;justify-content:center;gap:16px;padding:24px 0;width:100%;max-width:1200px;margin:0 auto}.btn-send,.btn-schedule{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;gap:8px;min-width:180px}.btn-send{background-color:#2555eb;color:#fff}.btn-send:hover{background-color:#1e47c8}.btn-schedule{background-color:transparent;border:1px solid #2555eb;color:#2555eb}.btn-schedule:hover{background-color:#5276e0;color:#fff;scale:1.05}.send-icon,.schedule-icon{width:18px;height:18px}@media (max-width: 768px){.send-email-actions{padding:20px 16px;flex-direction:column;align-items:center}.btn-send,.btn-schedule{width:100%;max-width:320px;padding:10px 20px;font-size:15px}}@media (max-width: 500px){.send-email-actions{padding:16px 12px}.btn-send,.btn-schedule{font-size:14px;padding:10px 16px;min-width:unset;width:100%}.send-icon,.schedule-icon{width:16px;height:16px}}@media (max-width: 375px){.btn-send,.btn-schedule{font-size:13px;padding:8px 12px}}:root{--bg-primary: #000000;--bg-secondary: #121212;--bg-tertiary: #1e1e1e;--accent-primary: rgb(57, 133, 255);--accent-secondary: #5000ca;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-disabled: #6c6c6c;--error: #cf6679;--success: #00c853;--border: #333333;--card-shadow: 0 4px 20px rgba(0, 0, 0, .5);--hover-overlay: rgba(255, 255, 255, .08);--active-overlay: rgba(255, 255, 255, .12);--disabled-overlay: rgba(255, 255, 255, .05)}.schedule-steps{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.schedule-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.schedule-step-circle{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;border:2px solid var(--border)}.schedule-step-circle-done{background-color:var(--accent-primary)!important;color:#fff;border-color:var(--accent-primary)}.schedule-step-active .schedule-step-circle{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.schedule-step-text{color:var(--text-secondary);font-size:.875rem}.schedule-step-connector{flex-grow:1;height:2px;background-color:var(--border);max-width:100px}.column-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.column-option{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-option:hover{background-color:var(--hover-overlay);border-color:var(--accent-primary)}.column-option-icon{opacity:0;transition:all .2s ease}.column-option:hover .column-option-icon{opacity:1}.data-preview{padding:1rem;background-color:var(--bg-tertiary);border-radius:8px}.total-count{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.total-count strong{color:var(--text-primary);font-weight:600}.email-list{display:flex;flex-direction:column;gap:.5rem}.email-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#ffffff0d;border-radius:6px}.email-icon{color:var(--accent-primary);flex-shrink:0}.email-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-recipients{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background-color:#ffffff05;border-radius:6px;color:var(--text-secondary);font-size:.875rem}.more-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background-color:var(--accent-primary);color:#fff;border-radius:50%;font-weight:600;font-size:.75rem}.recipient-selector-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.btn-disconnect{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.75rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-disconnect:hover{background-color:#cf66791a;border-color:var(--error);color:var(--error)}.btn-send{display:flex;align-items:center;gap:.75rem;background-color:#2555eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-send:hover{background-color:#2249c9;transform:scale(1.05)}.btn-send:disabled{background-color:var(--disabled-overlay);color:var(--text-disabled);cursor:not-allowed}@media (max-width: 768px){.recipient-selector-header{flex-direction:column;align-items:flex-start}.recipient-selector-actions{flex-direction:column;gap:1rem}.btn-disconnect,.btn-send{width:100%;justify-content:center}.selected-item{flex-direction:column;align-items:flex-start;gap:1rem}.selected-item .btn-change{align-self:flex-end}.column-list{grid-template-columns:1fr}}@media (max-width: 480px){.recipient-selector-main{padding:1rem 0}.step-header,.step-content{padding:1rem}.drive-connect-section{padding:1.5rem 1rem}}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.list-header h3{margin:0;font-size:1rem;font-weight:500}.btn-refresh{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background-color:var(--hover-overlay)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{transition:transform .3s ease}.btn-refresh:hover .refresh-icon{transform:rotate(45deg)}.spreadsheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.spreadsheet-item{background-color:var(--bg-tertiary);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem;border:1px solid transparent}.spreadsheet-item:hover{background-color:var(--hover-overlay);border-color:var(--accent-primary);transform:translateY(-2px)}.spreadsheet-icon-container{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#34a8531a;border-radius:8px;flex-shrink:0}.spreadsheet-details{flex-grow:1;overflow:hidden}.spreadsheet-name{font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spreadsheet-modified{font-size:.75rem;color:var(--text-secondary)}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:var(--text-secondary);background-color:var(--bg-tertiary);border-radius:8px}.empty-icon{opacity:.5}.btn-refresh-inline{background-color:transparent;border:none;color:var(--accent-primary);cursor:pointer;padding:.25rem .5rem;text-decoration:underline;transition:all .2s ease}.btn-refresh-inline:hover{color:var(--accent-secondary)}.instruction-message{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:1rem;border-radius:8px;margin:0}.info-icon{opacity:.7;flex-shrink:0}.selection-container{width:100%}.stepper{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step-card{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden;transition:all .3s ease}.step-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.step-header h2{margin:0;font-size:1.25rem;font-weight:500}.step-number{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:50%;background-color:var(--accent-primary);color:#fff;font-weight:600}.step-content{padding:1.5rem;max-height:20rem;overflow-y:auto}.step.active{border:1px solid var(--accent-primary);opacity:1;filter:none;background-color:var(--bg-secondary);transition:all .3s ease}.step.active .step-number{background-color:var(--accent-primary)}.step.completed{opacity:1;filter:none;background-color:var(--bg-secondary);border:1px solid #30a360;transition:all .3s ease}.step.completed .step-number{background-color:var(--success)}.step.disabled{opacity:.55;filter:blur(.45px);background-color:#12121280;border:1px solid rgba(51,51,51,.5);pointer-events:auto;transition:all .3s ease;position:relative}.step.disabled:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:10;cursor:not-allowed}.step.disabled:hover:after{content:"Complete previous steps first";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding:.75rem 1rem;border-radius:4px;font-size:.875rem;white-space:nowrap;z-index:20;pointer-events:none;filter:none;box-shadow:0 2px 8px #0000004d;font-weight:500}.step.disabled .step-number{background-color:var(--text-disabled)}.selected-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary);border-radius:8px;padding:1rem}.selected-item-content{display:flex;align-items:center;gap:1rem}.selected-details{display:flex;flex-direction:column}.selected-label{font-size:.875rem;color:var(--text-secondary)}.selected-value{font-weight:500}.btn-change{background-color:transparent;border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-change:hover{background-color:var(--hover-overlay)}.loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--text-secondary)}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--accent-primary);animation:spin 1s linear infinite}.dark-theme-container{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.recipient-selector-page{padding:0 16px}.recipient-selector-main{max-width:1200px;margin:0 auto;padding:2rem 0}.recipient-selector-container{width:100%}.recipient-selector-header{display:flex;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;margin-top:6rem}.recipient-selector-header h1{font-size:2rem;font-weight:300;margin:0;color:#fff}.recipient-btn-back{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid whitesmoke;color:var(--text-primary);padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-back:hover{background-color:#2555eb;color:#f5f5f5;border:black}.back-icon{display:inline-block}.error-message{display:flex;align-items:center;gap:.75rem;background-color:#cf667933;color:var(--error);border-left:4px solid var(--error);padding:1rem;border-radius:0 8px 8px 0;margin-bottom:1.5rem}.error-icon{flex-shrink:0}.drive-connect-section{background-color:var(--bg-secondary);border-radius:12px;padding:2rem;box-shadow:var(--card-shadow);text-align:center;margin-bottom:2rem}.drive-connect-content{max-width:500px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.drive-icon{margin-bottom:1rem}.drive-connect-section h2{font-size:1.5rem;margin:0;font-weight:500}.drive-connect-section p{color:var(--text-secondary);margin:0}.btn-connect-drive{display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:#343537;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:220px}.btn-connect-drive:hover{background-color:#2563eb}.btn-connect-drive:focus{outline:none}.btn-connect-drive:disabled{background-color:var(--disabled-overlay);color:var(--text-disabled);cursor:not-allowed}.google-icon{width:20px;height:20px}.selection-method-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.method-tab{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:none;color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;position:relative}.method-tab.active{color:var(--text-primary);background-color:var(--bg-tertiary)}.method-tab.active:after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:2px;background-color:var(--accent-primary)}.method-tab:hover:not(.active){background-color:var(--hover-overlay)}.method-icon{width:20px;height:20px}.file-upload-section{margin-top:1rem}.file-upload-label{display:block;cursor:pointer}.file-upload-input{display:none}.file-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;border:2px dashed var(--border);border-radius:12px;transition:all .2s ease;text-align:center}.file-upload-label:hover .file-upload-content{border-color:var(--accent-primary);background-color:var(--bg-tertiary)}.upload-icon{color:var(--accent-primary);margin-bottom:.5rem}.file-upload-content h3{margin:0;font-size:1.25rem;font-weight:500}.file-upload-content p{margin:0;color:var(--text-secondary);font-size:.9rem}.file-types{font-size:.8rem;color:var(--text-disabled)}.stepper{margin-top:4rem}@media (max-width:767px){.recipient-btn-back{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid whitesmoke;color:var(--text-primary);padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;justify-content:left!important}.recipient-button-back{display:flex;align-items:center;justify-content:start}}body{background-color:#000}.email-preview-container{width:100%;min-height:100vh;display:flex;flex-direction:column;margin-top:8rem}.email-preview-content{max-width:1200px;width:100%;margin:0 auto;padding:30px 20px}.section-title{color:#f5f5f5;font-size:28px;font-weight:500;margin-bottom:25px;margin-top:2.5rem}.mail-glance-section{margin-bottom:40px}.mail-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.mail-header{display:flex;align-items:center;background-color:#3a57e8;color:#fff;padding:12px 20px}.mail-icon{margin-right:10px}.mail-icon svg{stroke:#fff}.mail-title{font-size:16px;font-weight:500}.mail-content{padding:20px;font-family:Arial,Helvetica,sans-serif}.mail-row{margin-bottom:16px;display:flex;align-items:center;font-family:Arial,Helvetica,sans-serif!important}.mail-label{color:#666;font-size:16px;width:80px;flex-shrink:0;font-family:Arial,Helvetica,sans-serif}.mail-value{color:#000;font-size:16px;font-family:Arial,Helvetica,sans-serif}.message-row{margin-bottom:0;display:block;font-family:Arial,Helvetica,sans-serif}.message-row .mail-label{margin-bottom:6px;width:100%;font-family:Arial,Helvetica,sans-serif!important}.message-content{padding:10px;border:1px solid #e0e0e0;border-radius:4px;min-height:120px;max-height:375px;overflow-y:auto;background-color:#fafafa;font-family:Arial,Helvetica,sans-serif!important}.google-sheets-section{margin-bottom:40px}.sheets-container{display:flex;border-radius:12px;padding:30px;align-items:center}.sheets-image{flex:0 0 35%;display:flex;justify-content:center;align-items:center;padding-right:30px}.sheets-icon{max-width:100%;height:auto;border-radius:1.25rem;box-shadow:0 0 10px 2px #ffffff4d}.sheets-content{flex:0 0 65%}.sheets-title{color:#f5f5f5;font-size:24px;font-weight:500;margin-bottom:30px}.sheets-buttons{display:flex;flex-direction:column;gap:15px}.sheets-button{background-color:#3a57e8;color:#fff;border:none;border-radius:50px;padding:12px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.sheets-button:hover{background-color:#2a46d2}.sheets-dropdown-container{width:100%}.sheets-dropdown{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:16px;color:#333}.status-section{margin-bottom:40px}.status-container{border-radius:12px;padding:25px 0}.status-title{color:#f5f5f5;font-size:22px;font-weight:500;margin-bottom:20px}.email-list{display:flex;flex-direction:column;gap:12px}.email-recipients-list{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-radius:50px}.email-recipient-name{color:#f5f5f5;font-size:16px}.status-badge{padding:6px 12px;border-radius:50px;font-size:14px;display:flex;align-items:center}.status-badge.sent{color:#40a042}.status-badge.pending{color:#4b78e6}.check-mark{margin-left:5px}.status-footer{margin-top:20px;font-size:16px}.status-complete{color:#40a042!important}.status-error{color:#e53e3e!important}.btn-back{color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:left;background:none;border-width:initial;border-style:none;border-color:initial;border-image:initial;padding:6px;border-radius:6px;transition:background-color .2s;justify-content:start}.btn-back:hover{background-color:#2a46d2}.status-summary{margin-top:20px;color:#f5f5f5}.loading-spinner{width:18px;height:18px;border:2px solid #e0e0e0;border-top-color:#3a57e8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 992px){.sheets-container{flex-direction:row}.sheets-image{flex:0 0 40%;padding-right:20px;padding-bottom:0}.sheets-content{flex:0 0 60%}.sheets-icon{max-width:100%}}@media (max-width: 768px){.section-title{font-size:24px}.sheets-container{padding:20px}.sheets-image{flex:0 0 45%;padding-right:15px}.sheets-content{flex:0 0 55%}.sheets-title{font-size:20px;margin-bottom:20px}.mail-content{padding:15px}.status-container{padding:20px 0}.sheets-button{padding:10px 16px;font-size:14px}.email-item{padding:8px 15px}}@media (max-width: 576px){.email-preview-content{padding:15px}.section-title,.sheets-title{font-size:18px}.sheets-container{flex-direction:column;padding:15px}.sheets-image{flex:0 0 100%;padding-right:0;padding-bottom:20px}.sheets-content{flex:0 0 100%}.sheets-icon{max-width:60%}.sheets-title{text-align:center}.mail-header{padding:10px 15px}.email-text{font-size:14px;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:4px 8px;font-size:12px}.mail-label,.mail-value{font-size:14px}.status-container{padding:15px 0}}@media (max-width: 425px){.mail-row{display:block}.mail-label{width:100%;margin-bottom:6px}.sheets-icon{max-width:70%}}.glance{border:1px solid whitesmoke;border-radius:1.5rem;padding:.75rem}.back-button-dashboard a{text-decoration:none!important}.back-button-dashboard{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:6px;transition:background-color .2s}.status-footer.scheduled{color:#3a57e8;padding:12px 25px;border-radius:6px;font-weight:500;margin-top:20px;text-align:left}.btn-dashboard{background-color:#4caf50;color:#fff;border:none;padding:10px 25px;border-radius:4px;cursor:pointer;font-size:15px;transition:background-color .2s;margin-top:15px;width:fit-content}.btn-dashboard:hover{background-color:#3e8e41}@media (max-width: 768px){.status-footer.scheduled{padding:10px 15px;font-size:14px}.bt.status-footern-dashboard{width:100%;padding:12px}}@media (max-width: 500px){.email-recipient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.email-recipient-name:after{content:attr(data-domain);display:none}.email-recipient-name{position:relative}.email-recipient-name:hover{overflow:visible;z-index:1;background:#fff;box-shadow:0 0 5px #0003}}.email-recipients-list{transition:all .5s ease;animation:slideIn .3s forwards;position:relative;overflow:hidden}.email-recipients-list.sent{animation:slideOut .8s forwards}.status-badge{transition:all .3s ease}.status-badge.processing{color:#2563eb}.loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:5px;vertical-align:middle}.processed-count{font-size:14px;color:#6b7280;margin-left:10px;font-weight:400}@keyframes slideOut{0%{opacity:1;transform:translateY(0);max-height:60px}to{opacity:0;transform:translateY(-20px);max-height:0;margin:0;padding:0}}.email-list{max-height:400px;overflow-y:auto;padding-right:10px}.status-complete{color:#10b981}.email-recipients-list{transition:all .8s ease;animation:slideIn .5s forwards;position:relative;overflow:hidden;margin-bottom:8px}.email-recipients-list.sent{animation:slideOut 1.2s forwards}.status-badge{transition:all .5s ease;padding:8px 14px;border-radius:50px;font-size:14px;display:flex;align-items:center;min-width:110px;justify-content:center;font-weight:500}.status-badge.failed{color:#e53e3e}.status-badge.processing{color:#3a57e8;animation:pulse 1.5s infinite}.status-badge.scheduled{color:#ffa000}.loading-spinner-inline{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-left:8px;vertical-align:middle}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0);max-height:60px}20%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px);max-height:0;margin:0;padding-top:0;padding-bottom:0}}@keyframes pulse{0%{box-shadow:0 0 #3a57e866}70%{box-shadow:0 0 0 10px #3a57e800}to{box-shadow:0 0 #3a57e800}}.email-list{max-height:400px;overflow-y:auto;padding-right:10px;padding-left:2px;margin-right:-10px}.processed-count{font-size:15px;color:#c5c8cc;margin-left:10px;font-weight:400;background:#ffffff1a;padding:4px 12px;border-radius:20px}.status-footer{display:flex;align-items:center;justify-content:flex-start;margin-top:20px;color:#2555eb;font-size:16px;position:relative}.status-footer:not(.scheduled):not(.status-complete):not(.status-error):after{content:"";height:4px;background:linear-gradient(90deg,#3a57e8,#4caf50);position:absolute;top:-12px;left:0;width:calc((100% * var(--progress, 0)));border-radius:2px;transition:width .3s ease}.status-footer-container{display:flex;flex-direction:column;justify-content:center}.scheduled-status{font-size:15px;font-weight:400;color:#ffa000;margin-left:8px}@keyframes softPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.status-badge.processing{animation:softPulse 1.5s infinite,pulse 1.5s infinite}.status-footer:not(.scheduled):not(.status-complete):not(.status-error){position:relative;padding-left:24px}.email-recipients-list.scheduled.processing{animation:statusTransition .5s forwards}@keyframes statusTransition{0%{background-color:#ffc1070d}to{background-color:#3a57e80d}}.chatbot-container{display:flex;flex-direction:column;height:100%;max-height:700px;width:100%;max-width:800px;margin:0 auto;background-color:#000;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px #0000004d;border:1px solid #222222;margin-top:10rem;margin-bottom:8rem}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#111;border-bottom:1px solid #222222}.header-left{display:flex;align-items:center;gap:12px}.back-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:background-color .2s}.back-button svg{width:20px;height:20px}.chatbot-header h2{margin:0;color:#fff;font-size:1.2rem;font-weight:500}.clear-button{background-color:#2555eb;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.clear-button:hover{background-color:#1c44c9}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#444444 #222222}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#222}.messages-container::-webkit-scrollbar-thumb{background-color:#444;border-radius:6px}.message{display:flex;margin-bottom:8px}.user-message{justify-content:flex-end}.assistant-message{justify-content:flex-start}.message-bubble{max-width:80%;padding:12px 16px;border-radius:12px;font-size:.95rem;line-height:1.5;word-wrap:break-word;position:relative}.user-message .message-bubble{background-color:#2555eb;color:#fff;border-top-right-radius:4px}.assistant-message .message-bubble{background-color:#222;color:#f1f1f1;border-top-left-radius:4px}.message-bubble p{margin:0 0 10px;white-space:pre-wrap}.message-bubble p:last-child{margin-bottom:0}.cursor-blink{display:inline-block;width:2px;height:16px;background-color:#fff;margin-left:2px;animation:blink 1s infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.markdown-content h1{font-size:1.5rem;margin-top:0;margin-bottom:16px;color:#fff;font-weight:600}.markdown-content h2{font-size:1.25rem;margin-top:16px;margin-bottom:12px;color:#fff;font-weight:600;border-bottom:1px solid #333333;padding-bottom:6px}.markdown-content h3{font-size:1.1rem;margin-top:14px;margin-bottom:10px;color:#e0e0e0;font-weight:500}.markdown-content ul,.markdown-content ol{margin-top:8px;margin-bottom:16px;padding-left:24px}.markdown-content li{margin-bottom:6px}.markdown-content strong{color:#fff;font-weight:600}.markdown-content a{color:#4d8bf8;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content blockquote{border-left:3px solid #444444;padding-left:12px;margin-left:0;color:#bbb;font-style:italic}.markdown-content pre{background-color:#1a1a1a;padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0}.markdown-content code{background-color:#1a1a1a;padding:2px 5px;border-radius:4px;font-family:monospace;font-size:.9em}.typing-indicator{display:flex;align-items:center;gap:5px}.typing-indicator span{display:inline-block;width:8px;height:8px;background-color:#555;border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.suggestions-container{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-top:1px solid #222222;background-color:#111}.suggestion-button{background-color:#222;color:#fff;border:1px solid #333333;border-radius:20px;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.suggestion-button:hover{background-color:#2555eb;border-color:#2555eb}.input-container{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#111;border-top:1px solid #222222}.chat-input{flex:1;padding:12px 16px;border-radius:24px;border:1px solid #333333;background-color:#222;color:#fff;font-size:.95rem;resize:none;outline:none;transition:border-color .2s;font-family:inherit;max-height:120px;overflow-y:auto}.chat-input:focus{border-color:#2555eb}.chat-input::placeholder{color:#666}.chat-input:disabled{opacity:.7;cursor:not-allowed}.send-button{display:flex;justify-content:center;align-items:center;background-color:#2555eb;color:#fff;border:none;border-radius:50%;width:42px;height:42px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.send-button:hover{background-color:#1c44c9}.send-button:disabled{background-color:#333;cursor:not-allowed}.send-button svg{width:18px;height:18px}@media (max-width: 768px){.chatbot-container{border-radius:0;height:100vh;max-height:100vh}.message-bubble{max-width:85%}.suggestions-container{overflow-x:auto;padding:10px 12px;flex-wrap:nowrap;justify-content:flex-start}.suggestion-button{flex-shrink:0}}@media (max-width: 480px){.chatbot-header h2{font-size:1rem}.clear-button{padding:6px 10px;font-size:.75rem}.message-bubble{max-width:90%;padding:10px 12px;font-size:.9rem}.chat-input{padding:10px 14px;font-size:.9rem}.send-button{width:38px;height:38px}}.privacy-container{max-width:1200px;margin:0 auto;padding:2rem;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin-top:4rem}.privacy-header{text-align:center;margin-bottom:3rem;padding-bottom:1.5rem}.privacy-title{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.privacy-effective-date{font-size:1rem;color:#aaa;margin-top:0}.privacy-layout{display:flex;gap:3rem}.privacy-nav{position:sticky;top:2rem;align-self:flex-start;min-width:250px;background-color:#1e1e1e;border-radius:8px;padding:1.5rem;height:fit-content}.privacy-nav-list{list-style:none;padding:0;margin:0}.privacy-nav-item{margin-bottom:.75rem}.privacy-nav-link{background:none;border:none;color:#e0e0e0;text-align:left;padding:.5rem 0;cursor:pointer;font-size:1rem;width:100%;transition:color .3s ease}.privacy-nav-link:hover{color:#2555eb}.privacy-content{flex:1;padding:0 1rem}.privacy-section{margin-bottom:2.5rem;scroll-margin-top:2rem}.privacy-section-title{font-size:1.5rem;color:#2555eb;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333333}.privacy-section-text{margin-bottom:1rem;color:#e0e0e0}.privacy-list{padding-left:1.5rem;margin:1rem 0}.privacy-list-item{margin-bottom:.75rem;color:#e0e0e0}.privacy-link{color:#2555eb;text-decoration:none;transition:color .3s ease}.privacy-link:hover{color:#4a7eff;text-decoration:underline}@media (max-width: 900px){.privacy-layout{flex-direction:column;gap:2rem}.privacy-nav{position:static;width:100%}}@media (max-width: 768px){.privacy-container{padding:1rem}.privacy-title{font-size:2rem}.privacy-section-title{font-size:1.3rem}}@media (max-width: 480px){.privacy-title{font-size:1.8rem}.privacy-section{margin-bottom:2rem}}.privacy-nav-item button:focus{outline:none}.privacy-container:before{content:"";position:absolute;top:0;left:0;right:0;height:75vh;background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(37,85,235,.3) 0%,rgba(37,85,235,.1) 40%,transparent 80%);z-index:1;pointer-events:none}.privacy-container:after{content:"";position:absolute;top:50vh;left:0;right:0;bottom:0;background:radial-gradient(ellipse 40% 30% at 20% 70%,rgba(37,85,235,.1) 0%,transparent 70%),radial-gradient(ellipse 35% 25% at 80% 60%,rgba(37,85,235,.08) 0%,transparent 70%),radial-gradient(ellipse 30% 20% at 60% 80%,rgba(37,85,235,.06) 0%,transparent 70%);z-index:1;pointer-events:none}.terms-container{max-width:1200px;margin:0 auto;padding:2rem;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin-top:4rem}.terms-header{text-align:center;margin-bottom:3rem;padding-bottom:1.5rem}.terms-title{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.terms-effective-date{font-size:1rem;color:#aaa;margin-top:0}.terms-layout{display:flex;gap:3rem}.terms-nav{position:sticky;top:2rem;align-self:flex-start;min-width:250px;background-color:#1e1e1e;border-radius:8px;padding:1.5rem;height:fit-content}.terms-nav-list{list-style:none;padding:0;margin:0}.terms-nav-item{margin-bottom:.75rem}.terms-nav-link{background:none;border:none;color:#e0e0e0;text-align:left;padding:.5rem 0;cursor:pointer;font-size:1rem;width:100%;transition:color .3s ease}.terms-nav-link:hover{color:#2555eb}.terms-content{flex:1;padding:0 1rem}.terms-section{margin-bottom:2.5rem;scroll-margin-top:2rem}.terms-section-title{font-size:1.5rem;color:#2555eb;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333333}.terms-section-text{margin-bottom:1rem;color:#e0e0e0}.terms-list{padding-left:1.5rem;margin:1rem 0}.terms-list-item{margin-bottom:.75rem;color:#e0e0e0}.terms-link{color:#2555eb;text-decoration:none;transition:color .3s ease}.terms-link:hover{color:#4a7eff;text-decoration:underline}@media (max-width: 900px){.terms-layout{flex-direction:column;gap:2rem}.terms-nav{position:static;width:100%}}@media (max-width: 768px){.terms-container{padding:1rem}.terms-title{font-size:2rem}.terms-section-title{font-size:1.3rem}}@media (max-width: 480px){.terms-title{font-size:1.8rem}.terms-section{margin-bottom:2rem}}.terms-nav-item button:focus{outline:none}.terms-container:before{content:"";position:absolute;top:0;left:0;right:0;height:75vh;background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(37,85,235,.3) 0%,rgba(37,85,235,.1) 40%,transparent 80%);z-index:1;pointer-events:none}.terms-container:after{content:"";position:absolute;top:50vh;left:0;right:0;bottom:0;background:radial-gradient(ellipse 40% 30% at 20% 70%,rgba(37,85,235,.1) 0%,transparent 70%),radial-gradient(ellipse 35% 25% at 80% 60%,rgba(37,85,235,.08) 0%,transparent 70%),radial-gradient(ellipse 30% 20% at 60% 80%,rgba(37,85,235,.06) 0%,transparent 70%);z-index:1;pointer-events:none}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}:root{--schedule-primary: #000000;--schedule-secondary: #2555eb;--schedule-white: #ffffff;--schedule-gray-100: #f5f5f5;--schedule-gray-200: #e6e6e6;--schedule-gray-300: #d1d1d1;--schedule-gray-400: #a0a0a0;--schedule-gray-800: #333333;--schedule-error: #ff4747}.schedule-page{background-color:var(--schedule-primary);min-height:100vh;color:var(--schedule-white);font-family:Montserrat,sans-serif;margin-top:10rem}.schedule-main{display:flex;justify-content:center;padding:2rem 1rem}.schedule-container{width:100%;max-width:600px;background-color:#ffffff0d;border-radius:12px;padding:2.5rem;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.schedule-steps{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.schedule-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.schedule-step-circle{width:40px;height:40px;border-radius:50%;background-color:var(--schedule-gray-800);border:2px solid var(--schedule-gray-400);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;margin-bottom:.5rem;color:var(--schedule-gray-300);transition:all .3s ease}.schedule-step-text{color:var(--schedule-gray-400);font-size:14px;font-weight:500;transition:all .3s ease}.schedule-step-active .schedule-step-circle{background-color:var(--schedule-secondary);border-color:var(--schedule-secondary);color:var(--schedule-white)}.schedule-step-active .schedule-step-text{color:var(--schedule-white)}.schedule-step-connector{height:2px;width:80px;background-color:var(--schedule-gray-800);margin:0 10px 26px}.schedule-title{font-size:2rem;font-weight:500;margin-bottom:.5rem;text-align:center}.schedule-subtitle{font-size:1rem;color:var(--schedule-gray-300);margin-bottom:2rem;text-align:center}.schedule-error{display:flex;align-items:center;background-color:#ff47471a;color:var(--schedule-error);padding:12px 16px;border-radius:6px;margin-bottom:1.5rem;border-left:3px solid var(--schedule-error)}.schedule-error-icon{margin-right:10px;min-width:24px}.schedule-form{display:flex;flex-direction:column;gap:1.5rem}.schedule-input-group{display:flex;flex-direction:column;gap:.5rem}.schedule-label{font-size:.9rem;font-weight:500;color:var(--schedule-gray-300);margin-bottom:4px}.schedule-input{background-color:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px 16px;color:var(--schedule-white);font-size:1rem;transition:all .2s ease;width:100%;cursor:pointer}.schedule-input:focus{outline:none;border-color:var(--schedule-secondary);box-shadow:0 0 0 2px #2555eb33}.schedule-input:hover{border-color:#fff3}.schedule-input-wrapper{position:relative;display:block;width:100%}.schedule-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}.schedule-input::placeholder{color:var(--schedule-gray-400)}.schedule-preview{background-color:#2555eb1a;border-radius:6px;padding:16px;border-left:3px solid var(--schedule-secondary);margin-top:.5rem}.schedule-preview-text{margin:0;color:var(--schedule-gray-200)}.schedule-preview-text strong{color:var(--schedule-white)}.schedule-actions{display:flex;gap:1rem;margin-top:1.5rem}.schedule-cancel-btn,.schedule-submit-btn{flex:1;padding:12px 16px;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.schedule-cancel-btn{background-color:transparent;border:1px solid rgba(255,255,255,.15);color:var(--schedule-white)}.schedule-cancel-btn:hover{background-color:#ffffff0d}.schedule-submit-btn{background-color:var(--schedule-secondary);color:var(--schedule-white)}.schedule-submit-btn:hover{background-color:#1c45c8}.schedule-submit-btn:disabled{background-color:#2555eb80;cursor:not-allowed}.schedule-datepicker-wrapper{width:100%}.schedule-datepicker-popper{z-index:9999!important}.schedule-datepicker-calendar{font-family:Montserrat,sans-serif!important;background-color:#1a1a1a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;box-shadow:0 8px 32px #0006!important;padding:16px!important;color:var(--schedule-white)!important;min-width:fit-content!important}.schedule-timepicker-calendar{width:180px!important}.react-datepicker__header{background-color:#1a1a1a!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:10px 0!important}.react-datepicker__current-month,.react-datepicker-time__header{color:var(--schedule-white)!important;font-weight:600!important;font-size:1.1rem!important;margin-bottom:10px!important}.react-datepicker__navigation{top:16px!important;outline:none!important}.react-datepicker__navigation-icon:before{border-color:var(--schedule-gray-300)!important;border-width:2px 2px 0 0!important;height:10px!important;width:10px!important}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--schedule-secondary)!important}.react-datepicker__day-name{color:var(--schedule-gray-400)!important;font-weight:500!important;margin:5px!important;width:32px!important;font-size:.85rem!important}.react-datepicker__day{color:var(--schedule-white)!important;margin:5px!important;width:32px!important;height:32px!important;line-height:32px!important;border-radius:50%!important;transition:all .15s ease!important;font-size:.95rem!important}.react-datepicker__day:hover{background-color:#2555eb4d!important}.react-datepicker__day--selected,.react-datepicker__time-list-item--selected{background-color:var(--schedule-secondary)!important;color:#fff!important;font-weight:600!important}.react-datepicker__day--keyboard-selected{background-color:#2555eb66!important}.react-datepicker__day--today{font-weight:700!important;position:relative}.react-datepicker__day--today:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background-color:var(--schedule-secondary)}.react-datepicker__day--outside-month{color:#fff!important}.react-datepicker__day--disabled{color:var(--schedule-gray-400)!important;opacity:.3!important;text-decoration:line-through!important;cursor:not-allowed!important}.react-datepicker__day--disabled:hover{background-color:transparent!important}.react-datepicker__year-dropdown-container,.react-datepicker__month-dropdown-container{margin:0 5px 10px!important}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow{border-color:var(--schedule-gray-300)!important;border-width:2px 2px 0 0!important;height:8px!important;width:8px!important;top:5px!important}.react-datepicker__year-read-view--selected-year,.react-datepicker__month-read-view--selected-month{color:var(--schedule-white)!important;font-weight:600!important;font-size:.9rem!important}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown{background-color:#1a1a1a!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:5px!important;color:var(--schedule-white)!important;font-size:.9rem!important;box-shadow:0 5px 15px #0000004d!important}.react-datepicker__year-option,.react-datepicker__month-option{padding:8px 10px!important;transition:all .15s ease!important}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover{background-color:#2555eb4d!important}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected{background-color:var(--schedule-secondary)!important;color:#fff!important;font-weight:600!important}.react-datepicker__year-option--selected_year,.react-datepicker__month-option--selected_month{color:#fff!important;font-weight:600!important}.react-datepicker__time-container{border-left:1px solid rgba(255,255,255,.1)!important;width:100%!important}.react-datepicker__time{background-color:#1a1a1a!important;height:250px!important}.react-datepicker__time-box{width:100%!important;height:100%!important}.react-datepicker__time-list{height:250px!important;overflow-y:auto!important;padding:0!important}.react-datepicker__time-list::-webkit-scrollbar{width:6px!important}.react-datepicker__time-list::-webkit-scrollbar-track{background-color:#ffffff0d!important}.react-datepicker__time-list::-webkit-scrollbar-thumb{background-color:#fff3!important;border-radius:3px!important}.react-datepicker__time-list::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d!important}.react-datepicker__time-list-item{padding:10px 12px!important;color:var(--schedule-white)!important;font-size:.95rem!important;transition:all .15s ease!important;background-color:transparent!important;text-align:center!important}.react-datepicker__time-list-item:hover{background-color:#2555eb4d!important}.react-datepicker__time-list-item--selected{background-color:var(--schedule-secondary)!important;color:#fff!important;font-weight:600!important}.react-datepicker__time-list-item--disabled{color:var(--schedule-gray-400)!important;opacity:.3!important;text-decoration:line-through!important;cursor:not-allowed!important}.react-datepicker__time-list-item--disabled:hover{background-color:transparent!important}.react-datepicker__triangle{display:none!important}@media (max-width: 768px){.schedule-container{padding:2rem 1.5rem}.schedule-title{font-size:1.75rem}.schedule-step-connector{width:60px}.schedule-datepicker-calendar{min-width:fit-content!important;padding:12px!important}.schedule-timepicker-calendar{width:170px!important}}@media (max-width: 480px){.schedule-container{padding:1.5rem 1rem;margin:0 .5rem}.schedule-title{font-size:1.5rem}.schedule-step-circle{width:32px;height:32px;font-size:14px}.schedule-step-text{font-size:12px}.schedule-step-connector{width:40px}.schedule-actions{flex-direction:column}.schedule-datepicker-calendar{min-width:fit-content!important;padding:10px!important}.schedule-timepicker-calendar{width:150px!important}.react-datepicker__day{width:28px!important;height:28px!important;line-height:28px!important;margin:3px!important;font-size:.85rem!important}.react-datepicker__day-name{width:28px!important;margin:3px!important;font-size:.75rem!important}}.react-datepicker__month-select,.react-datepicker__year-select{background-color:#2555eb5e;border:none;border-radius:4px;color:#fff;padding:.25rem}.dashboard-page-container{background-color:#000;color:#fff;min-height:100vh;font-family:Montserrat;margin-top:8rem}.dashboard-main-content{padding:2rem 1rem}.dashboard-inner-container{max-width:1200px;margin:0 auto}.dashboard-auth-message h2{margin-bottom:1.2rem}.dashboard-page-title{font-size:2.5rem;font-weight:300;margin-bottom:1.5rem;color:#fff;padding-left:.75rem;position:relative;font-family:Montserrat}.dashboard-tabs-container{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none}.dashboard-tab-button{padding:.75rem 1.25rem;font-weight:500;background-color:transparent;border:none;color:#a1a1aa;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap;position:relative}.dashboard-tab-button:hover{color:#fff}.dashboard-tab-active{color:#2555eb;border-bottom:2px solid #2555eb;font-weight:600}.dashboard-error-message{background-color:#ef444426;border-left:4px solid #ef4444;padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:#fff;animation:dashboard-fadeIn .3s ease-out}.dashboard-error-icon{color:#ef4444;flex-shrink:0}.dashboard-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#a1a1aa;gap:1rem}.dashboard-loading-spinner{width:2.5rem;height:2.5rem;border:4px solid rgba(37,85,235,.3);border-radius:50%;border-top-color:#2555eb;animation:dashboard-spin 1s linear infinite}@keyframes dashboard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#a1a1aa;gap:1rem;border:2px dashed #333333;border-radius:.5rem;padding:2rem;background-color:#ffffff05;transition:all .3s ease}.scheduled-dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#a1a1aa;gap:1rem;border:2px dashed #333333;border-radius:.5rem;padding:2rem;background-color:#ffffff05;transition:all .3s ease}.scheduled-dashboard-empty-icon{color:#333;opacity:.6}.dashboard-emails-table thead tr{background-color:#2555eb1a;border-bottom:1px solid #333333}.dashboard-emails-table th{padding:1rem;font-weight:600;color:#fff;position:sticky;top:0;background-color:#111}.dashboard-emails-table td{padding:1rem;border-bottom:1px solid #333333;color:#fff;vertical-align:middle}.dashboard-emails-table tbody tr{transition:background-color .2s ease}.dashboard-emails-table tbody tr:hover{background-color:#2555eb0d}.dashboard-emails-table tbody tr:last-child td{border-bottom:none}.dashboard-date-time{display:flex;flex-direction:column;gap:.25rem}.dashboard-scheduled-cards{display:none;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-history-cards{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.dashboard-email-card,.dashboard-history-card{background-color:#ffffff0d;border-radius:.75rem;box-shadow:0 4px 6px #00000080;padding:1.5rem;transition:all .3s ease;border:1px solid #333333;display:flex;flex-direction:column;overflow:hidden}.dashboard-email-card:hover,.dashboard-history-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000004d;border-color:#2555eb80;scale:1.05}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #333333}.dashboard-card-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.dashboard-card-content{display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.dashboard-card-row{display:flex;justify-content:space-between;align-items:center}.dashboard-card-label{color:#a1a1aa;font-size:.875rem}.dashboard-card-value{font-weight:500;color:#fff}.dashboard-card-actions{margin-top:1.25rem;display:flex;justify-content:flex-end;gap:.5rem}.dashboard-status-badge{padding:.35rem .65rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-status-scheduled{color:#f59e0b}.dashboard-status-processing{color:#2555eb}.dashboard-status-completed,.dashboard-status-sent{color:#10b981}.dashboard-status-cancelled{color:#f33d3d}.dashboard-status-failed{background-color:#ef444426;color:#7b0909}.dashboard-status-partial{color:#e6ac47}.dashboard-action-button{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.dashboard-cancel-button{background-color:#ef444426;color:#ef4444}.dashboard-cancel-button:hover{background-color:#ef444440}.dashboard-action-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-email-preview{margin-top:1rem;background-color:#ffffff08;border-radius:.5rem;overflow:hidden;border:1px solid #333333}.dashboard-preview-content{max-height:250px;overflow-y:scroll;padding:1rem;background-color:#000;min-height:0!important;display:flex;flex-direction:column}.dashboard-email-template{font-size:.875rem;line-height:1.6;color:#fff;transform-origin:top left;transform:scale(.8);width:125%;pointer-events:none;min-height:0!important;flex-shrink:0!important}.dashboard-email-template *{max-width:100%}.dashboard-email-template a{color:#2555eb}.dashboard-email-template img{border-radius:.25rem}.dashboard-email-template h1,.dashboard-email-template h2,.dashboard-email-template h3{color:#fff;margin-top:.5rem;margin-bottom:.75rem}@media (max-width: 768px){.dashboard-main-content{padding:1.5rem .75rem}.dashboard-page-title{font-size:1.75rem}.dashboard-email-card,.dashboard-history-card{padding:1.25rem}}@media (max-width: 600px){.dashboard-table-wrapper{display:none}.dashboard-scheduled-cards{display:grid}.dashboard-cards-grid{grid-template-columns:1fr}.dashboard-tab-button{padding:.5rem 1rem;font-size:.875rem}.dashboard-page-title{font-size:1.5rem}.dashboard-preview-content{max-height:200px}}@media (min-width: 601px){.dashboard-table-wrapper{display:block}.dashboard-scheduled-cards{display:none}}@keyframes dashboard-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-email-card,.dashboard-history-card{animation:dashboard-fadeIn .4s ease-out forwards}.dashboard-action-button{transition:all .2s ease,transform .1s ease}.dashboard-action-button:active{transform:scale(.95)}.dashboard-action-button:focus,.dashboard-tab-button:focus{outline:2px solid #2555eb;outline-offset:2px}@media (max-width: 600px){.dashboard-email-template{transform:scale(.7);width:142.857%}.dashboard-preview-content{max-height:200px}}.dashboard-type-Scheduled{color:#eab455}.dashboard-type-Instant{color:#2555eb}.dashboard-auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;min-height:50vh}.dashboard-auth-message{padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;width:100%}.dashboard-auth-icon{margin-bottom:1rem;color:#4285f4}.dashboard-login-button{display:inline-block;margin-top:1.5rem;padding:.75rem 1.5rem;background-color:#2555eb;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s}.dashboard-login-button:hover{background-color:#1951cb}.dashboard-calendar-view{background-color:#111;border-radius:.75rem;padding:1.5rem;border:1px solid #333333;margin-bottom:2rem;box-shadow:0 4px 10px #0000004d;overflow:hidden}.horizontal-calendar-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#333333 transparent;padding-bottom:.5rem}.horizontal-calendar-container::-webkit-scrollbar{height:6px}.horizontal-calendar-container::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px}.horizontal-calendar-container::-webkit-scrollbar-track{background-color:transparent}.horizontal-calendar{display:flex;min-width:100%;width:max-content;background-color:#111;border-radius:.5rem;border:1px solid #333333}.time-column{width:60px;flex-shrink:0;border-right:1px solid #333333;position:sticky;left:0;z-index:2;background-color:#111}.time-header{height:60px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;border-bottom:1px solid #333333;background-color:#2555eb1a;position:sticky;top:0;z-index:3}.time-slot{height:60px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#a1a1aa;border-bottom:1px solid #333333;position:relative}.day-column{flex:1;min-width:120px;border-right:1px solid #333333}.day-column:last-child{border-right:none}.day-header{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #333333;background-color:#ffffff05;position:sticky;top:0;z-index:1}.time-slot-cell{height:60px;border-bottom:1px solid #333333;position:relative;background-color:#ffffff03}.time-slot-content{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;scrollbar-width:none;padding:2px}.time-slot-content::-webkit-scrollbar{display:none}.calendar-today .day-header{background-color:#2555eb33}.calendar-today .calendar-day-number{color:#2555eb}.calendar-other-month{opacity:.6}.calendar-other-month .day-header{background-color:#ffffff03}.calendar-month-indicator{position:absolute;top:.25rem;left:.25rem;font-size:.7rem;color:#a1a1aa;background-color:#00000080;padding:.1rem .3rem;border-radius:.25rem}.calendar-event{position:relative;margin-bottom:2px;padding:.25rem;border-radius:.25rem;font-size:.7rem;cursor:pointer;transition:all .2s ease;overflow:hidden;z-index:1}.calendar-event:hover{transform:scale(1.02);box-shadow:0 2px 4px #0000004d;z-index:2}.calendar-event-time{font-weight:600;color:#fff;font-size:.65rem;margin-bottom:.1rem}.calendar-event-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;color:#f0f0f0}.calendar-event-tag{position:absolute;bottom:.1rem;right:.1rem;font-size:.5rem;padding:.1rem .3rem;border-radius:1rem;color:#fff;font-weight:500;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.calendar-nav-group{display:flex;align-items:center;gap:.5rem}.calendar-month-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0;min-width:180px;text-align:center}.calendar-week-nav{display:flex;align-items:center;gap:.5rem}.calendar-week-indicator{font-size:.9rem;color:#a1a1aa;min-width:120px;text-align:center}.calendar-nav-button{background-color:#2555eb1a;color:#2555eb;border:none;border-radius:.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-weight:700}.calendar-nav-button:hover{background-color:#2555eb33}.calendar-email-details-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;animation:dashboard-fadeIn .2s ease-out}.calendar-email-details{background-color:#0c0c0c;border:1px solid #2555eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 8px 24px #000000b3;width:90%;max-width:320px;position:relative}.calendar-details-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#a1a1aa;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;transition:all .2s ease}.calendar-details-close:hover{background-color:#ffffff1a;color:#fff}.calendar-email-details h3{font-size:1.125rem;font-weight:600;margin-top:0;margin-bottom:1.25rem;color:#fff;padding-right:1.5rem}.calendar-details-content{margin-bottom:1.5rem}.calendar-details-row{margin:.75rem 0;display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.calendar-details-label{color:#a1a1aa;font-weight:500}.calendar-details-value{color:#fff;font-weight:600;text-align:right}.calendar-details-actions{margin-top:1.25rem;display:flex;justify-content:flex-end;gap:.75rem}.calendar-tag-button{padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.calendar-add-tag{background-color:#2555eb33;color:#2555eb}.calendar-add-tag:hover{background-color:#2555eb4d}.calendar-remove-tag{background-color:#ef444426;color:#ef4444}.calendar-remove-tag:hover{background-color:#ef444440}.calendar-tag-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:dashboard-fadeIn .3s ease-out}.calendar-tag-modal-content{background-color:#0c0c0c;border-radius:.75rem;padding:1.5rem;width:90%;max-width:400px;border:1px solid #2555eb;box-shadow:0 10px 25px #0009}.calendar-tag-modal-content h3{font-size:1.25rem;margin-top:0;margin-bottom:1.5rem;color:#fff;text-align:center}.tag-input-group{margin-bottom:1.25rem}.tag-input-group label{display:block;margin-bottom:.5rem;color:#a1a1aa;font-size:.875rem}.tag-input-group input[type=text]{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid #333333;background-color:#ffffff0d;color:#fff;font-size:.875rem;transition:all .2s ease}.tag-input-group input[type=text]:focus{outline:none;border-color:#2555eb;box-shadow:0 0 0 2px #2555eb40}.tag-input-group input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;border:none;border-radius:.5rem;background-color:transparent;cursor:pointer}.tag-input-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tag-input-group input[type=color]::-webkit-color-swatch{border:1px solid #333333;border-radius:.5rem}.tag-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.tag-modal-cancel,.tag-modal-save{padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.tag-modal-cancel{background-color:#ffffff1a;color:#fff}.tag-modal-cancel:hover{background-color:#ffffff26}.tag-modal-save{background-color:#2555eb;color:#fff}.tag-modal-save:hover{background-color:#1d4ed8}@media (max-width: 992px){.day-column{min-width:100px}}@media (max-width: 768px){.dashboard-calendar-view{padding:1rem}.day-column{min-width:90px}.time-column{width:50px}.calendar-weekday{font-size:.7rem}.calendar-day-number{font-size:1rem}}@media (max-height: 500px) and (orientation: landscape){.calendar-email-details{max-height:80vh;overflow-y:auto}.calendar-tag-modal-content{max-height:90vh;overflow-y:auto}}@media (max-width: 675px){.calendar-header{display:flex;flex-direction:column}}@media (max-width: 600px){.dashboard-scheduled-cards+.dashboard-empty-state,.dashboard-scheduled-cards .dashboard-empty-state{display:flex!important;visibility:visible!important;opacity:1!important}}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#a1a1aa;gap:1rem;border:2px dashed #333333;border-radius:.5rem;padding:2rem;background-color:#ffffff05;transition:all .3s ease;margin-bottom:2rem;width:100%}.dashboard-empty-icon{color:#333}@media (max-width: 600px){.dashboard-table-wrapper{display:none}.dashboard-scheduled-cards{display:grid;grid-template-columns:1fr}}@media (min-width: 675px){.dashboard-table-wrapper{display:block}.dashboard-scheduled-cards{display:none!important}}.dashboard-no-actions{color:#989898;font-size:.9rem;font-style:italic;padding:.5rem;display:inline-block}.dashboard-table-wrapper{overflow-x:auto;margin-bottom:2rem;background-color:#111;border-radius:.5rem;box-shadow:0 4px 6px #00000080;border:1px solid #333333}.dashboard-emails-table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}.dashboard-cards-grid{display:grid;gap:1.25rem;margin-bottom:2rem}.dashboard-scheduled-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-email-card{background-color:#ffffff0d;border-radius:.75rem;box-shadow:0 4px 6px #00000080;padding:1.5rem;transition:all .3s ease;border:1px solid #333333;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 674px){.dashboard-table-wrapper{display:none!important}}@media (min-width: 650px) and (max-width: 768px){.dashboard-history-cards{grid-template-columns:repeat(2,1fr)}}.dashboard-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:auto}.dashboard-pagination-button{background-color:#000;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;transition:background-color .3s}.dashboard-pagination-button:disabled{cursor:not-allowed;background-color:#000}.dashboard-pagination-info{color:#9ca3af;font-size:14px;width:25rem;display:flex;align-items:center;justify-content:center}.dashboard-filters{margin-bottom:20px}.dashboard-filter-select{background-color:#1f2937;color:#fff;border:1px solid #374151;border-radius:4px;padding:8px 12px;font-size:14px;cursor:pointer;transition:border-color .3s}.dashboard-filter-select:focus{outline:none;border-color:#3b82f6}@media (max-width: 768px){.dashboard-pagination{gap:10px}.dashboard-pagination-button{width:100%;padding:10px;border:none}.dashboard-filter-select{width:100%;padding:10px}.dashboard-scheduled-cards{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.dashboard-pagination-button{background-color:#000;border:none}.dashboard-filter-select{background-color:#2555eb4a;color:#fff;width:fit-content;border-radius:.5rem}}.dashboard-pagination-button:focus{outline:none}.dashboard-pagination-button:hover{color:#2555eb}.dashboard-pagination-button:disabled:hover{color:inherit;background-color:#000}.saved-templates-container{max-width:1600px;margin:0 auto;padding:2rem;color:#fff;box-sizing:border-box;margin-top:6rem}.saved-templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-family:Montserrat}.saved-templates-header h1{font-size:2.5rem;font-weight:300;margin:0;font-family:Montserrat}.saved-templates-new-template-button{background-color:#2555eb;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:500;font-family:Montserrat;transition:background-color .2s;border:none;cursor:pointer}.saved-templates-new-template-button:hover{background-color:#1149ee;scale:1.1}.saved-templates-controls{margin-bottom:2rem}.saved-templates-search-filter{display:flex;gap:1rem}.saved-templates-search-input{flex:1;padding:.75rem 1rem;border-radius:4px;border:1px solid #444;background-color:#222;color:#fff;font-family:inherit;box-sizing:border-box}.saved-templates-filter-select{padding:.75rem 1rem;border-radius:4px;border:1px solid #444;background-color:#222;color:#fff;font-family:inherit;min-width:180px;box-sizing:border-box}.saved-templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;width:100%}.saved-templates-card{background:linear-gradient(145deg,#1a1a1a,#222);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;min-height:max-content;box-shadow:0 4px 6px #0000001a}.saved-templates-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #0003}.saved-templates-preview-container{position:relative;width:100%;height:320px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;background:#0006}.saved-templates-preview{position:relative;width:100%;overflow:hidden;display:flex;justify-content:center}.saved-templates-email-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;overflow:hidden;margin-top:.5rem}.saved-templates-email-render{transform:scale(.6);transform-origin:top center;width:600px;min-width:600px;height:100%;overflow:hidden;position:relative}.saved-templates-preview-fade{position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to top,#282828,#fff0);pointer-events:none;z-index:1}.saved-templates-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#777}.saved-templates-placeholder-icon{font-size:3rem;margin-bottom:1rem}.saved-templates-info{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.saved-templates-info-header{display:flex;justify-content:space-between;align-items:flex-start}.saved-templates-info-header h3{color:#fff;font-size:1.25rem;margin:0;font-weight:600}.saved-templates-visibility{background:#ffffff1a;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem}.saved-templates-subject{color:#c9c9ce;font-size:.875rem;margin:0}.saved-templates-description{color:#c9c9ce;font-size:.875rem;line-height:1.6;margin:0;flex-grow:1}.saved-templates-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.saved-templates-tag{background:#2555eb4f;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem}.saved-templates-meta{margin-top:.5rem}.saved-templates-date{color:#c9c9ce;font-size:.75rem;font-weight:400;font-style:italic}.saved-templates-actions{display:flex;gap:.75rem;margin-top:.5rem}.saved-templates-edit-button,.saved-templates-delete-button,.saved-templates-schedule-button,.saved-templates-use-button{padding:.75rem;border:none;border-radius:4px;font-weight:500;font-family:Montserrat;font-size:.875rem;flex:1;text-align:center;transition:background-color .2s;display:flex;align-items:center;justify-content:center;background-color:inherit;cursor:pointer}.saved-templates-edit-button:focus,.saved-templates-delete-button:focus,.saved-templates-schedule-button:focus,.saved-templates-use-button:focus{outline:none}.saved-templates-edit-button{color:#fff}.saved-templates-edit-button:hover{color:#2555eb;border:none!important}.saved-templates-delete-button{color:#fff}.saved-templates-delete-button:hover{color:#dc2626;border:none!important}.saved-templates-use-button{color:#fff}.saved-templates-use-button:hover{color:#059669;border:none!important}.saved-templates-schedule-button{color:#fff}.saved-templates-schedule-button:hover{color:#f3b823;border:none!important}.saved-templates-no-templates{text-align:center;padding:3rem;color:#bebcbc;font-style:italic}.saved-templates-create-first-template{color:#2555eb;text-decoration:none;font-weight:500;margin-top:1rem;display:inline-block}.saved-templates-create-first-template:hover{text-decoration:underline}.saved-templates-loading-container,.saved-templates-error-container{display:flex;justify-content:center;align-items:center;height:50rem;color:#fff}@media (max-width: 1024px){.saved-templates-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.saved-templates-email-render{transform:scale(.55)}}@media (max-width: 768px){.saved-templates-header{flex-direction:column;align-items:flex-start;gap:1rem}.saved-templates-search-filter{flex-direction:column}.saved-templates-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.saved-templates-preview-container{height:300px}.saved-templates-email-render{transform:scale(.5)}}@media (max-width: 480px){.saved-templates-container{padding:1rem}.saved-templates-grid{grid-template-columns:1fr;gap:2rem}.saved-templates-preview-container{height:280px}.saved-templates-email-render{transform:scale(.45)}}@media (max-width: 375px){.saved-templates-preview-container{height:250px}.saved-templates-email-render{transform:scale(.4)}}@media (max-width: 320px){.saved-templates-preview-container{height:220px}.saved-templates-email-render{transform:scale(.35)}}.saved-templates-auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.saved-templates-auth-message{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:500px;margin:0 auto}.saved-templates-auth-message h2{color:#d7d7d7;font-size:1.5rem;font-weight:600;margin:0}.saved-templates-auth-message p{color:#dcdcdc;font-size:1rem;margin:0;line-height:1.5}.saved-templates-login-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.saved-templates-login-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d;background:linear-gradient(135deg,#2563eb,#1e40af)}.saved-templates-error-message{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#ff000036;border-radius:8px;color:#fff;font-size:.875rem;max-width:500px;border-left:2px solid red}.saved-templates-error-icon{flex-shrink:0;width:20px;height:20px;color:#dc2626}@media (max-width: 768px){.saved-templates-auth-required{padding:1rem;min-height:300px}.saved-templates-auth-icon{width:120px;height:120px}.saved-templates-auth-message h2{font-size:1.25rem}.saved-templates-auth-message p{font-size:.875rem}.saved-templates-login-button{padding:.625rem 1.25rem;font-size:.875rem}}.saved-templates-create-new-template{display:flex;flex-direction:column;align-items:center;justify-content:center}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;animation:modalAppear .2s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-modal-content{padding:32px;text-align:center;background-color:#181818}.delete-modal-icon{width:64px;height:64px;margin:0 auto 24px;background-color:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.delete-modal-icon svg{width:32px;height:32px}.delete-modal-content h3{font-size:18px;font-weight:600;color:#2555eb;margin:0 0 12px}.delete-modal-content p{font-size:14px;color:#d2d0d0;margin:0 0 8px;line-height:1.5}.delete-modal-content .delete-modal-template-name{font-weight:600;color:#fff;font-size:14px;margin:8px 0 24px;background-color:#2555eb4f;padding:8px 12px;border-radius:6px}.delete-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.delete-modal-cancel,.delete-modal-confirm{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;min-width:80px}.delete-modal-cancel{background-color:#fff;color:#374151;border-color:#d1d5db}.delete-modal-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.delete-modal-confirm{background-color:#dc2626;color:#fff;border-color:#dc2626}.delete-modal-confirm:hover{background-color:#b91c1c;border-color:#b91c1c}.delete-modal-cancel:focus,.delete-modal-confirm:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.delete-modal-overlay{padding:16px}.delete-modal{margin:0;border-radius:8px}.delete-modal-content{padding:24px 20px}.delete-modal-icon{width:56px;height:56px;margin-bottom:20px}.delete-modal-icon svg{width:28px;height:28px}.delete-modal-actions{flex-direction:column;gap:8px}.delete-modal-cancel,.delete-modal-confirm{width:100%;padding:12px}}@media (max-width: 480px){.delete-modal-overlay{padding:12px}.delete-modal-content{padding:20px 16px}.delete-modal-content h3{font-size:16px}.delete-modal-content p{font-size:13px}.delete-modal-template-name{font-size:13px;padding:6px 10px}}.saved-templates-date-wrapper{display:flex;flex-direction:column;gap:.5rem}:root{--primary: #3b82f6;--primary-hover: #2563eb;--secondary: #374151;--secondary-hover: #4b5563;--background: #0a0a0a;--surface: #1a1a1a;--surface-light: #2a2a2a;--text-primary: #ffffff;--text-secondary: #9ca3af;--error: #ef4444;--success: #10b981;--border-radius: .5rem;--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.template-builder-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.template-builder-spinner{width:3rem;height:3rem;border:4px solid var(--surface-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.template-builder{display:flex;flex-direction:column;height:100vh;background:#000;margin-top:4rem}.template-header{background:#000;border-bottom:1px solid var(--surface-light);padding:1rem;position:sticky;top:0;z-index:100;margin-top:4rem}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.header-text{flex:1;min-width:0}.template-header h1{font-size:1.25rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-header p{font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-btn{display:flex;align-items:center;gap:.5rem;background:#2555eb;color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.next-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.next-btn:active{transform:translateY(0)}.editor-container{flex:1;height:calc(100% - 60px);background:var(--surface);position:relative;overflow:hidden}.editor-container>div{height:100%!important}.template-form-modal{position:fixed;top:-50px;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);margin-top:8rem}.template-form-container{background:var(--surface);border-radius:var(--border-radius);border:1px solid var(--surface-light);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0003}.template-form-header{padding:1.5rem;border-bottom:1px solid var(--surface-light);position:relative;margin-top:2rem}.template-form-header h2{font-size:1.5rem;font-weight:600;text-align:center;color:#fff}.template-form-back-btn{position:absolute;left:1.5rem;top:1.5rem;display:flex;align-items:center;gap:.5rem;background:none;color:var(--text-secondary);border:none;font-size:.875rem;cursor:pointer;transition:var(--transition)}.template-form-back-btn:hover{color:var(--primary)}.template-form-content{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.5rem}.template-form-footer{padding:1.5rem;border-top:1px solid var(--surface-light);display:flex;gap:1rem;justify-content:flex-end}.template-form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.template-form-label{font-size:.875rem;font-weight:500;color:#2555eb;margin-bottom:.5rem;display:block}.template-form-input{background:var(--background);border:1px solid var(--surface-light);border-radius:var(--border-radius);padding:.75rem;color:var(--text-primary);font-size:.875rem;transition:var(--transition);width:100%}.template-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.template-form-input.error{border-color:var(--error)}.template-form-error{color:var(--error);font-size:.75rem;margin-top:.25rem}.template-form-textarea{background:var(--background);border:1px solid var(--surface-light);border-radius:var(--border-radius);padding:.75rem;color:var(--text-primary);font-size:.875rem;transition:var(--transition);width:100%;min-height:100px;resize:vertical;font-family:inherit}.template-form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.template-form-tags-input{display:flex;gap:.5rem;align-items:flex-end}.template-form-tags-input input{flex:1;margin:0}.template-form-add-tag-btn{background:var(--secondary);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap;height:fit-content}.template-form-add-tag-btn:hover{background:var(--secondary-hover);transform:translateY(-1px)}.template-form-add-tag-btn:active{transform:translateY(0)}.template-form-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.template-form-tag{display:flex;align-items:center;gap:.5rem;background:#2555eb;color:#fff;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;animation:fadeIn .2s ease-in-out}.template-form-remove-tag{background:none;border:none;color:#fffc;cursor:pointer;padding:.125rem;display:flex;align-items:center;justify-content:center;border-radius:50%;width:18px;height:18px;font-size:14px;font-weight:700;transition:var(--transition)}.template-form-remove-tag:hover{color:#fff;background:#fff3}.template-form-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;position:relative;font-size:.875rem;line-height:1.4}.template-form-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;margin:0}.template-form-checkmark{height:20px;width:20px;background:var(--background);border:1px solid var(--surface-light);border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;margin-top:.1rem}.template-form-checkbox input:checked+.template-form-checkmark{background:var(--primary);border-color:var(--primary)}.template-form-checkbox input:checked+.template-form-checkmark:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.primary-btn,.secondary-btn{display:flex;align-items:center;gap:.5rem;border-radius:var(--border-radius);padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none}.primary-btn{background:#2555eb;color:#fff}.primary-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.secondary-btn{background:var(--secondary);color:#fff}.secondary-btn:hover{background:var(--secondary-hover)}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.unlayer-editor{height:100%!important;background:var(--surface)!important}.unlayer-editor .unlayer-toolbar{background:var(--surface)!important;border-bottom:1px solid var(--surface-light)!important}.unlayer-editor .unlayer-canvas,.unlayer-editor .unlayer-canvas-container{background:var(--background)!important}.unlayer-editor .unlayer-left-panel{background:var(--surface)!important;border-right:1px solid var(--surface-light)!important;width:280px!important;transition:all .3s ease!important}.unlayer-editor .unlayer-right-panel{background:var(--surface)!important;border-left:1px solid var(--surface-light)!important;width:280px!important;transition:all .3s ease!important}.unlayer-editor .unlayer-canvas-container{margin-left:280px!important;margin-right:280px!important;transition:all .3s ease!important}@media (max-width: 768px){.template-builder{margin-top:3.5rem}.template-header{padding:.75rem}.header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.next-btn{align-self:flex-end;padding:.5rem 1rem}.template-form-container{max-height:none;height:100%;border-radius:1rem}.template-form-footer{flex-direction:column}.primary-btn,.secondary-btn{width:100%;justify-content:center}.unlayer-editor{display:flex!important;flex-direction:column!important}.unlayer-editor .unlayer-left-panel{position:relative!important;width:100%!important;height:auto!important;max-height:60px!important;border-right:none!important;border-bottom:1px solid var(--surface-light)!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:.5rem!important;display:flex!important;flex-direction:row!important}.unlayer-editor .unlayer-left-panel .unlayer-tool-panel-tabs{display:flex!important;flex-direction:row!important;gap:.5rem!important;height:100%!important;width:auto!important}.unlayer-editor .unlayer-left-panel .unlayer-tool-panel-tab{display:inline-flex!important;width:auto!important;padding:.5rem 1rem!important;border-radius:4px!important;margin:0!important}.unlayer-editor .unlayer-left-panel .unlayer-tool-panel-content{position:absolute!important;top:100%!important;left:0!important;width:100%!important;height:auto!important;max-height:200px!important;overflow-y:auto!important;background:var(--surface)!important;border-bottom:1px solid var(--surface-light)!important;z-index:100!important;display:none!important}.unlayer-editor .unlayer-left-panel .unlayer-tool-panel-content.active{display:block!important}.unlayer-editor .unlayer-left-panel .unlayer-tool-panel-item{display:inline-block!important;width:calc(33.33% - .5rem)!important;margin:.25rem!important;text-align:center!important;padding:.5rem!important;border-radius:4px!important;background:var(--surface-light)!important}.unlayer-editor .unlayer-canvas-container{margin-left:0!important;margin-right:0!important;height:calc(100% - 60px)!important}.unlayer-editor .unlayer-right-panel{position:fixed!important;top:0!important;right:-100%!important;width:90%!important;max-width:320px!important;height:100vh!important;z-index:1000!important;transition:right .3s ease!important;border-left:1px solid var(--surface-light)!important}.unlayer-editor .unlayer-right-panel.active{right:0!important}.unlayer-editor .unlayer-right-panel-toggle{position:fixed!important;bottom:1rem!important;right:1rem!important;width:40px!important;height:40px!important;background:var(--primary)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1001!important;box-shadow:0 2px 10px #0003!important;cursor:pointer!important}.template-form-back-btn{position:absolute;left:0;top:-.5rem;display:flex;align-items:center;gap:.5rem;background:none;color:var(--text-secondary);border:none;font-size:.875rem;cursor:pointer;transition:var(--transition)}}@media (max-width: 480px){.template-builder{margin-top:3rem}.template-form-group{margin-bottom:1rem}.template-form-label{font-size:.8rem}.template-form-input,.template-form-textarea{font-size:.8rem;padding:.625rem}.template-form-tags-input{flex-direction:column}.template-form-add-tag-btn{width:100%}.template-form-tags{gap:.375rem}.template-form-tag{font-size:.7rem;padding:.2rem .4rem}.template-form-checkbox{font-size:.8rem;gap:.5rem}.template-form-checkmark{width:18px;height:18px}.unlayer-editor .unlayer-left-panel .unlayer-tool-panel-item{width:calc(50% - .5rem)!important}}@media (max-width: 320px){.unlayer-editor .unlayer-left-panel .unlayer-tool-panel-item{width:calc(100% - .5rem)!important}}button:focus,input:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.template-form-input:hover,.template-form-textarea:hover,.template-form-checkbox:hover .template-form-checkmark{border-color:var(--primary)}.template-form-input:disabled,.template-form-textarea:disabled,.template-form-add-tag-btn:disabled{opacity:.6;cursor:not-allowed}.template-form-add-tag-btn:disabled:hover{background:var(--secondary);transform:none}.demo-hero-container{min-height:100vh;width:100%;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:4rem}.demo-hero-container:before{content:"";position:absolute;top:0;left:0;right:0;height:75vh;background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(37,85,235,.3) 0%,rgba(37,85,235,.1) 40%,transparent 80%);z-index:1}.demo-hero-container:after{content:"";position:absolute;top:50vh;left:0;right:0;bottom:0;background:radial-gradient(ellipse 40% 30% at 20% 70%,rgba(37,85,235,.1) 0%,transparent 70%),radial-gradient(ellipse 35% 25% at 80% 60%,rgba(37,85,235,.08) 0%,transparent 70%),radial-gradient(ellipse 30% 20% at 60% 80%,rgba(37,85,235,.06) 0%,transparent 70%);z-index:1}.demo-hero-content{position:relative;z-index:3;text-align:center;max-width:800px;padding:0 20px}.demo-hero-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:24px;line-height:1.1;font-family:Montserrat,sans-serif}.demo-hero-title .demo-gradient-text{background:#2555eb;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Montserrat,sans-serif}.demo-hero-subtitle{font-size:1.1rem;color:#9ca3af;margin-bottom:40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto;font-family:Montserrat,sans-serif}.demo-hero-buttons{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.demo-btn-primary{background:#2555eb;color:#fff;padding:14px 36px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.demo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1a50f366}.demo-floating-images{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.demo-floating-image{position:absolute;width:180px;height:320px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-style:preserve-3d;transition:transform .3s ease}.demo-floating-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(145deg,#2555eb33,#7c3aed1a);opacity:.5}.demo-floating-image:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:linear-gradient(135deg,#2555eb,#7c3aed);border-radius:12px;opacity:.8}.demo-image-1{top:8%;left:2%;transform:rotate(-15deg) rotateY(20deg)}.demo-image-2{top:15%;right:2%;transform:rotate(10deg) rotateY(-15deg)}.demo-image-3{bottom:8%;left:3%;transform:rotate(8deg) rotateY(25deg)}.demo-image-4{bottom:15%;right:3%;transform:rotate(-12deg) rotateY(-20deg)}.demo-floating-image img{width:100%;height:100%;object-fit:cover;border-radius:20px;position:relative;z-index:1}.demo-video-section{padding:80px 20px;background:#000;position:relative;display:flex;justify-content:center;align-items:center;min-height:60vh}.demo-video-container{max-width:800px;width:100%;position:relative;z-index:3}.demo-video-preview{position:relative;width:100%;height:450px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:all .3s ease;overflow:hidden}.demo-video-preview:hover{transform:translateY(-5px);box-shadow:0 20px 40px #2555eb33}.demo-video-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.demo-video-play-button{position:absolute;z-index:3;transition:all .3s ease}.demo-video-preview:hover .demo-video-play-button{transform:scale(1.1)}.demo-video-overlay{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:2}.demo-video-title{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:8px;font-family:Montserrat,sans-serif}.demo-video-description{font-size:1rem;color:#9ca3af;margin:0;font-family:Montserrat,sans-serif}.demo-video-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-video-modal-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:1}.demo-video-modal-hero-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:75vh;background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(37,85,235,.3) 0%,rgba(37,85,235,.1) 40%,transparent 80%);z-index:1}.demo-video-modal-hero-bg:after{content:"";position:absolute;top:50vh;left:0;right:0;bottom:0;background:radial-gradient(ellipse 40% 30% at 20% 70%,rgba(37,85,235,.1) 0%,transparent 70%),radial-gradient(ellipse 35% 25% at 80% 60%,rgba(37,85,235,.08) 0%,transparent 70%),radial-gradient(ellipse 30% 20% at 60% 80%,rgba(37,85,235,.06) 0%,transparent 70%);z-index:1}.demo-video-modal-hero-bg .demo-floating-images{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.demo-video-modal-content{position:relative;width:100%;max-width:1000px;background:#000;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);z-index:2}.demo-video-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-video-close:hover{background:#fff3}.demo-video-player{position:relative;width:100%;background:#000}.demo-video-element{width:100%;height:auto;max-height:70vh;display:block}.demo-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;display:flex;align-items:center;gap:15px}.demo-video-play-pause{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-video-play-pause:hover{background:#fff3}.demo-video-progress{flex:1;height:6px;cursor:pointer}.demo-video-progress-bg{width:100%;height:100%;background:#ffffff4d;border-radius:3px;position:relative;overflow:hidden}.demo-video-progress-fill{height:100%;background:linear-gradient(135deg,#2555eb,#7c3aed);border-radius:3px;transition:width .1s ease}.demo-video-time{display:flex;align-items:center;gap:5px;color:#fff;font-size:.9rem;font-family:Montserrat,sans-serif;min-width:80px}@media (max-width: 1200px){.demo-floating-image{width:160px;height:280px}.demo-image-1{top:10%;left:1%}.demo-image-2{top:18%;right:1%}.demo-image-3{bottom:10%;left:2%}.demo-image-4{bottom:18%;right:2%}}@media (max-width: 992px){.demo-hero-title{font-size:3rem}.demo-floating-image{width:140px;height:250px}.demo-image-1{top:12%;left:0%}.demo-image-2{top:20%;right:0%}.demo-image-3{bottom:12%;left:1%}.demo-image-4{bottom:20%;right:1%}.demo-video-preview{height:400px}.demo-video-overlay{padding:.75rem}}@media (max-width: 768px){.demo-hero-title{font-size:2.5rem}.demo-hero-subtitle{font-size:1rem}.demo-floating-image{width:120px;height:200px}.demo-floating-image:after{width:40px;height:40px}.demo-image-1{top:5%;left:-2%;transform:rotate(-10deg) rotateY(15deg)}.demo-image-2{top:12%;right:-2%;transform:rotate(8deg) rotateY(-10deg)}.demo-image-3{bottom:5%;left:-1%;transform:rotate(5deg) rotateY(20deg)}.demo-image-4{bottom:12%;right:-1%;transform:rotate(-8deg) rotateY(-15deg)}.demo-video-section{padding:60px 20px}.demo-video-preview{height:350px}.demo-video-title{font-size:1.5rem}.demo-video-overlay{padding:.75rem}.demo-video-modal{padding:10px}.demo-video-controls{padding:15px;gap:10px}.demo-video-play-pause{width:35px;height:35px}}@media (max-width: 480px){.demo-hero-title{font-size:2rem}.demo-hero-subtitle{font-size:.9rem}.demo-floating-image{width:100px;height:170px}.demo-floating-image:after{width:32px;height:32px}.demo-btn-primary{padding:12px 28px;font-size:.9rem}.demo-image-1{top:3%;left:-3%}.demo-image-2{top:8%;right:-3%}.demo-image-3{bottom:3%;left:-2%}.demo-image-4{bottom:8%;right:-2%}.demo-video-preview{height:280px}.demo-video-title{font-size:1.3rem}.demo-video-description{font-size:.9rem}.demo-video-overlay{padding:.75rem}.demo-video-play-button svg{width:60px;height:60px}}.demo-video-element{width:100%;height:auto;max-height:70vh;display:block;-webkit-playsinline:true;-webkit-appearance:none;object-fit:contain}.demo-video-thumbnail{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2555eb1a,#7c3aed0d);overflow:hidden}.demo-video-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;background:#000}.demo-video-preview{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:all .3s ease;overflow:hidden}@media (max-width: 992px){.demo-video-preview{aspect-ratio:16/9;height:auto}}@media (max-width: 768px){.demo-video-preview{aspect-ratio:16/9;height:auto}}@media (max-width: 480px){.demo-video-preview{aspect-ratio:16/9;height:auto}}.demo-btn-primary:focus{outline:none}.protected-page-container{height:76vh;width:100%;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:3.5rem}.protected-page-container:before{content:"";position:absolute;top:0;left:0;right:0;height:75vh;background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(37,85,235,.3) 0%,rgba(37,85,235,.1) 40%,transparent 80%);z-index:1}.protected-page-container:after{content:"";position:absolute;top:50vh;left:0;right:0;bottom:0;background:radial-gradient(ellipse 40% 30% at 20% 70%,rgba(37,85,235,.1) 0%,transparent 70%),radial-gradient(ellipse 35% 25% at 80% 60%,rgba(37,85,235,.08) 0%,transparent 70%),radial-gradient(ellipse 30% 20% at 60% 80%,rgba(37,85,235,.06) 0%,transparent 70%);z-index:1}.protected-route-indicator{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2555eb,transparent);z-index:2;opacity:.7}.protected-transition-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:28vh;gap:1.5rem;color:#fff;font-family:Montserrat,sans-serif}.protected-pulse-loader{display:flex;gap:8px;align-items:center;justify-content:center}.protected-pulse-circle{width:12px;height:12px;border-radius:50%;background:#2555eb;animation:protected-pulse 1.5s ease-in-out infinite}.protected-pulse-circle:nth-child(1){animation-delay:0s}.protected-pulse-circle:nth-child(2){animation-delay:.2s}.protected-pulse-circle:nth-child(3){animation-delay:.4s}@keyframes protected-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.protected-transition-text{font-size:.9rem;color:#ffffffb3;font-weight:400}.protected-content{position:relative;z-index:3;text-align:center;max-width:800px;padding:0 15px;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.protected-content-visible{opacity:1;transform:translateY(0)}.protected-auth-icon-container{position:relative;margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.protected-auth-icon-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--icon-color, #2555eb),transparent);border-radius:32px;z-index:-1;opacity:.3}.protected-auth-icon-container:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 10px 30px #0000004d}.protected-auth-emoji{font-size:3rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.protected-auth-title{font-size:2.8rem;font-weight:500;color:#fff;margin-bottom:18px;line-height:1.1;font-family:Montserrat,sans-serif}.protected-auth-title .protected-gradient-text{background:#2555eb;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Montserrat,sans-serif}.protected-auth-subtitle{font-size:.95rem;color:#9ca3af;margin-bottom:28px;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto;font-family:Montserrat,sans-serif}.protected-features{display:flex;flex-direction:column;gap:8px;margin-bottom:28px;max-width:300px;margin-left:auto;margin-right:auto}.protected-feature-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#fffc;font-family:Montserrat,sans-serif;font-weight:400}.protected-feature-dot{width:8px;height:8px;border-radius:50%;background:#2555eb;box-shadow:0 0 10px #2555eb;flex-shrink:0}.protected-auth-buttons{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.protected-btn-primary{background:#2555eb;color:#fff;padding:12px 32px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-family:Montserrat,sans-serif;position:relative;overflow:hidden}.protected-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.protected-btn-primary:hover:before{opacity:1}.protected-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2555eb66}.protected-floating-images{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.protected-floating-image{position:absolute;width:170px;height:300px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-style:preserve-3d;transition:transform .3s ease}.protected-floating-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(145deg,#2555eb33,#7c3aed1a);opacity:.5}.protected-floating-image:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;background:linear-gradient(135deg,#2555eb,#7c3aed);border-radius:12px;opacity:.8}.protected-image-1{top:7%;left:1.5%;transform:rotate(-15deg) rotateY(20deg)}.protected-image-2{top:14%;right:1.5%;transform:rotate(10deg) rotateY(-15deg)}.protected-image-3{bottom:7%;left:2.5%;transform:rotate(8deg) rotateY(25deg)}.protected-image-4{bottom:14%;right:2.5%;transform:rotate(-12deg) rotateY(-20deg)}.protected-floating-image img{width:100%;height:100%;object-fit:cover;border-radius:20px;position:relative;z-index:1}.protected-auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;text-align:center;position:relative}.protected-auth-message{display:flex;flex-direction:column;align-items:center;gap:.9rem;max-width:500px;margin:0 auto}.protected-auth-icon{margin-bottom:.65rem;border-radius:20px;transition:transform .3s ease;max-width:130px;max-height:130px}.protected-auth-icon:hover{transform:scale(1.05)}.protected-error-message{display:flex;align-items:center;gap:.4rem;margin-top:.9rem;padding:.65rem .9rem;background:#ff00001a;border-radius:8px;color:#ff6b6b;font-size:.82rem;font-family:Montserrat,sans-serif;max-width:500px;border-left:2px solid #ff6b6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,107,107,.2)}.protected-error-icon{flex-shrink:0;width:18px;height:18px;color:#ff6b6b}.protected-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:28vh;gap:.9rem;color:#fff;font-family:Montserrat,sans-serif}.protected-spinner{width:36px;height:36px;border:3.5px solid rgba(255,255,255,.1);border-top:3.5px solid #2555eb;border-radius:50%;animation:protected-spin 1s linear infinite}@keyframes protected-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.protected-floating-image{width:150px;height:260px}.protected-image-1{top:9%;left:1%}.protected-image-2{top:16%;right:1%}.protected-image-3{bottom:9%;left:1.5%}.protected-image-4{bottom:16%;right:1.5%}}@media (max-width: 992px){.protected-auth-title{font-size:2.3rem}.protected-floating-image{width:130px;height:230px}.protected-image-1{top:10%;left:0%}.protected-image-2{top:17%;right:0%}.protected-image-3{bottom:10%;left:.5%}.protected-image-4{bottom:17%;right:.5%}.protected-auth-icon{width:110px;height:110px}}@media (max-width: 768px){.protected-auth-title{font-size:2rem}.protected-auth-subtitle{font-size:.9rem}.protected-floating-image{width:110px;height:190px}.protected-floating-image:after{width:38px;height:38px}.protected-image-1{top:4%;left:-1.5%;transform:rotate(-10deg) rotateY(15deg)}.protected-image-2{top:10%;right:-1.5%;transform:rotate(8deg) rotateY(-10deg)}.protected-image-3{bottom:4%;left:-.5%;transform:rotate(5deg) rotateY(20deg)}.protected-image-4{bottom:10%;right:-.5%;transform:rotate(-8deg) rotateY(-15deg)}.protected-auth-required{min-height:230px}.protected-auth-icon{width:90px;height:90px}}@media (max-width: 480px){.protected-auth-title{font-size:1.6rem}.protected-auth-subtitle{font-size:.8rem}.protected-floating-image{width:90px;height:160px}.protected-floating-image:after{width:30px;height:30px}.protected-btn-primary{padding:10px 24px;font-size:.85rem}.protected-image-1{top:2%;left:-2.5%}.protected-image-2{top:7%;right:-2.5%}.protected-image-3{bottom:2%;left:-1.5%}.protected-image-4{bottom:7%;right:-1.5%}.protected-auth-required{min-height:180px}.protected-auth-icon{width:80px;height:80px}.protected-error-message{font-size:.75rem;padding:.55rem .75rem}.protected-features{gap:6px}.protected-feature-item{font-size:.8rem}}
