:root{--color-primary:#8b2f3c;--color-primary-light:#b24a5c;--color-accent:#f2b6c6;--color-accent-light:#fde4ea;--color-background:#fff9fb;--color-surface:#fff;--color-text:#402025;--color-text-light:#8f5a64;--color-border:#f1cfd6;--gradient-primary:linear-gradient(135deg,#8b2f3c,#c35b6e);--gradient-accent:linear-gradient(135deg,#f2b6c6,#fde4ea);--gradient-hero:linear-gradient(180deg,#fff9fb,#fff0f4);--font-display:"Playfair Display",serif;--font-body:"Inter","DM Sans",sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--container-width:1200px;--border-radius:12px;--border-radius-lg:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 12px 40px rgba(0,0,0,.12);--shadow-xl:0 20px 60px rgba(0,0,0,.15);--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease}.my-toast{backdrop-filter:blur(6px);border-radius:10px!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important;font-size:13px!important;min-height:auto!important;padding:8px 14px!important}.my-toast-title{font-size:13px!important;font-weight:500!important;margin:0!important}.swal2-icon.swal2-success{margin:0 6px 0 0!important;transform:scale(.75)}.swal2-timer-progress-bar{height:3px!important}.my-toast:hover{transform:translateY(-2px);transition:.2s ease}a{color:inherit;text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-primary)}img{-o-object-fit:cover;object-fit:cover;width:100%}button{border:none;cursor:pointer;font-family:inherit;transition:var(--transition-base)}ul{list-style:none;margin:0!important}.demo{position:relative}.demo__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;left:16px;position:absolute;top:16px;z-index:10}@media (max-width:768px){.demo__actions{gap:8px;left:12px;top:12px}}@media (max-width:480px){.demo__actions{gap:6px;left:8px;top:8px;width:calc(100% - 16px)}}.demo__actions .btn{background:var(--gradient-accent);border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all var(--transition-base);white-space:nowrap}.demo__actions .btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.demo__actions .btn{font-size:.85rem;padding:6px 10px}}@media (max-width:480px){.demo__actions .btn{flex:1;font-size:.8rem;min-width:70px;padding:6px 8px}}.preview-template{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:center;width:100%}.navb{background:transparent;padding:var(--spacing-md) 0;transition:all var(--transition-base)}.navb,.navbar--scrolled{left:0;position:fixed;right:0;top:0;z-index:1000}.navbar--scrolled{backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);box-shadow:var(--shadow-sm);padding:var(--spacing-sm) 0}.navbar__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--container-width)}.navbar__logo{align-items:center;display:flex;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.navbar__logo-text{color:var(--color-primary)}.navbar__logo-accent{color:var(--color-accent);margin-left:2px}.navbar__toggle{background:transparent;display:none;flex-direction:column;gap:5px;padding:8px}.navbar__toggle span{background:var(--color-primary);border-radius:2px;height:2px;transition:var(--transition-base);width:24px}.navbar__toggle--active span:first-child{transform:rotate(45deg) translate(7px,7px)}.navbar__toggle--active span:nth-child(2){opacity:0}.navbar__toggle--active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navbar__menu{align-items:center;display:flex;gap:var(--spacing-xl)}.navbar__item,.navbar__link{position:relative}.navbar__link{color:var(--color-text);font-size:.95rem;font-weight:500;padding:8px 0}.navbar__link--active{color:var(--color-primary);font-weight:600}.navbar__link:after{background:var(--color-accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.navbar__link--active:after,.navbar__link:hover:after{width:100%}.navbar__cta{background:var(--gradient-accent);border-radius:50px;box-shadow:var(--shadow-md);color:#fff;display:inline-block;font-size:.95rem;font-weight:600;padding:12px 28px;transition:all var(--transition-base)}.navbar__cta:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:calc(80px + var(--spacing-2xl)) var(--spacing-lg) var(--spacing-3xl);position:relative}.hero__background{inset:0;position:absolute;z-index:0}.hero__gradient{background:var(--gradient-hero);inset:0;position:absolute}.hero__pattern{background-image:repeating-linear-gradient(45deg,var(--color-primary) 0,var(--color-primary) 1px,transparent 0,transparent 50%),repeating-linear-gradient(-45deg,var(--color-primary) 0,var(--color-primary) 1px,transparent 0,transparent 50%);background-size:30px 30px;inset:0;opacity:.03;position:absolute}.hero__container{align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:var(--container-width);position:relative;z-index:1}.hero__content{animation:fadeInUp 1s ease}.he__title{color:var(--color-primary);font-family:var(--font-display);font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-lg)}.he__title-line{display:block;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.he__title-line--visible{opacity:1;transform:translateY(0)}.he__title-line:nth-child(2){transition-delay:.2s}.he__title-line--accent{-webkit-text-fill-color:transparent;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.hero__title-line{color:var(--color-text-light);font-weight:700}.hero__description{color:var(--color-text-light);font-size:1.2rem;line-height:1.8;margin-bottom:var(--spacing-xl);max-width:540px;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);transition-delay:.4s}.hero__description--visible{opacity:1;transform:translateY(0)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);transition-delay:.6s}.hero__actions--visible{opacity:1;transform:translateY(0)}.hero__btn{align-items:center;border-radius:50px;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 36px;transition:all var(--transition-base)}.hero__btn--primary{background:var(--gradient-accent);box-shadow:var(--shadow-md);color:#fff}.hero__btn--primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.hero__btn--secondary{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.hero__btn--secondary:hover{background:var(--color-primary);color:#fff}.hero__btn-icon{height:20px;transition:transform var(--transition-base);width:20px}.hero__btn:hover .hero__btn-icon{transform:translateX(4px)}.hero__visual{height:500px;opacity:0;position:relative;transform:scale(.9);transition:all 1s cubic-bezier(.16,1,.3,1);transition-delay:.8s}.hero__visual--visible{opacity:1;transform:scale(1)}.hero__card{animation:float 6s ease-in-out infinite;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);position:absolute}.hero__card--1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);height:360px;left:0;top:0;width:280px}.hero__card--2{animation-delay:2s;background:linear-gradient(135deg,#f093fb,#f5576c);height:320px;right:30px;top:50px;width:240px}.hero__card--3{animation-delay:4s;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:40px;height:260px;left:50px;width:200px}.hero__scroll{align-items:center;animation:fadeIn 1s ease 1.5s both;bottom:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-sm);left:50%;position:absolute;transform:translateX(-50%)}.hero__scroll-text{color:var(--color-text-light);font-size:.85rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.hero__scroll-indicator{background:var(--color-border);height:40px;overflow:hidden;position:relative;width:2px}.hero__scroll-indicator:after{animation:scrollDown 2s ease-in-out infinite;background:var(--color-accent);content:"";height:30%;left:0;position:absolute;top:0;width:100%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.templates{background:#fff;padding:var(--spacing-3xl) var(--spacing-lg)}.templates__container{margin:0 auto;max-width:var(--container-width)}.templates__header{margin-bottom:var(--spacing-3xl);text-align:center}.templates__title{color:var(--color-primary);font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md)}.templates__subtitle{color:var(--color-text-light);font-size:1.2rem;margin:0 auto;max-width:600px}.templates__grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;overflow:hidden;transition:all var(--transition-base)}.template-card:hover{border-color:transparent;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.template-card__image{height:240px;overflow:hidden;position:relative}.template-card__thumbnail{aspect-ratio:4/5;border-radius:16px;display:flex;height:100%;justify-content:center;overflow:hidden;transition:transform var(--transition-slow);width:100%}.template-card:hover .template-card__thumbnail{transform:scale(1.05)}.template-card__preview-icon{color:hsla(0,0%,100%,.4);height:80px;width:80px}.template-card__overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.7);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-base)}.template-card:hover .template-card__overlay{opacity:1}.template-card__preview-btn{align-items:center;background:#fff;border-radius:50px;color:var(--color-primary);display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px}.template-card__preview-btn svg{height:20px;width:20px}.template-card__content{padding:var(--spacing-lg)}.template-card__name{color:var(--color-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.template-card__used{align-items:center;color:rgba(139,47,60,.85);display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin:6px 0 10px}.template-card__used svg{opacity:.85}.template-card__description{color:var(--color-text-light);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-lg)}.template-card__actions{display:flex;gap:var(--spacing-sm)}.template-card__btn{border-radius:8px;flex:1;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all var(--transition-base)}.template-card__btn--preview{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.template-card__btn--preview:hover{border-color:var(--color-primary);color:var(--color-primary)}.template-card__btn--choose{background:var(--gradient-accent);border:none;color:#fff}.template-card__btn--choose:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats{background:var(--gradient-hero);padding:var(--spacing-3xl) 0}.stats__container{margin:0 auto;max-width:var(--container-width);padding:0 var(--spacing-lg);text-align:center}.stats__header{margin-bottom:var(--spacing-2xl)}.stats__title{color:var(--color-primary);font-family:var(--font-display);font-size:2.2rem;margin-bottom:var(--spacing-sm)}.stats__subtitle{color:var(--color-text-light);font-size:1rem;margin:0 auto;max-width:520px}.stats__grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.stats__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats__grid{grid-template-columns:1fr}}.stats__item{background:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl) var(--spacing-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.stats__item:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.stats__number{-webkit-text-fill-color:transparent;background:var(--gradient-primary);-webkit-background-clip:text;display:block;font-family:var(--font-display);font-size:2.4rem;font-weight:700;margin-bottom:var(--spacing-xs)}.stats__label{color:var(--color-text);font-size:.95rem}.about{background:var(--gradient-hero);padding:var(--spacing-3xl) var(--spacing-lg)}.about__container{margin:0 auto;max-width:var(--container-width)}.about__header{margin-bottom:var(--spacing-3xl);text-align:center}.about__title{color:var(--color-primary);font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md)}.about__subtitle{color:var(--color-text-light);font-size:1.2rem}.about__steps{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative}.step-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);position:relative;text-align:center;transition:all var(--transition-base)}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.step-card__number{align-items:center;background:var(--gradient-accent);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px}.step-card__icon{color:var(--color-accent);height:60px;margin:var(--spacing-lg) auto var(--spacing-md);width:60px}.step-card__title{color:var(--color-primary);font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.step-card__description{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.step-card__connector{display:none}.reviews{background:var(--gradient-hero);padding:var(--spacing-3xl) var(--spacing-lg)}.reviews__container{margin:0 auto;max-width:var(--container-width)}.reviews__header{margin-bottom:var(--spacing-3xl);text-align:center}.reviews__title{color:var(--color-primary);font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md)}.reviews__subtitle{color:var(--color-text-light);font-size:1.2rem;margin:0 auto;max-width:600px}.reviews__grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.review-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);transition:all var(--transition-base)}.review-card:hover{border-color:transparent;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.review-card__rating{display:flex;gap:4px;margin-bottom:var(--spacing-md)}.review-card__star{color:var(--color-border);height:20px;transition:color var(--transition-base);width:20px}.review-card__star--filled{color:var(--color-accent)}.review-card__comment{color:var(--color-text);font-size:1rem;line-height:1.8;margin-bottom:var(--spacing-lg)}.review-card__author{align-items:center;display:flex;gap:var(--spacing-md)}.review-card__avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:50px;justify-content:center;width:50px}.review-card__info{flex:1}.review-card__name{color:var(--color-primary);font-weight:600;margin-bottom:2px}.review-card__role{color:var(--color-text-light);font-size:.9rem}.cta{overflow:hidden;padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.cta__background{inset:0;position:absolute;z-index:0}.cta__gradient{background:var(--gradient-primary);inset:0;position:absolute}.cta__pattern{background-image:radial-gradient(circle at 20% 50%,#fff 1px,transparent 0),radial-gradient(circle at 80% 80%,#fff 1px,transparent 0);background-size:50px 50px;inset:0;opacity:.05;position:absolute}.cta__container{margin:0 auto;max-width:800px;position:relative;z-index:1}.cta__content{text-align:center}.cta__title{color:#fff;font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md)}.cta__description{color:hsla(0,0%,100%,.9);font-size:1.2rem;line-height:1.8;margin-bottom:var(--spacing-xl)}.cta__btn{align-items:center;background:#fff;border-radius:50px;box-shadow:var(--shadow-lg);color:var(--color-primary);display:inline-flex;font-size:1.1rem;font-weight:700;gap:8px;padding:18px 40px;transition:all var(--transition-base)}.cta__btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.cta__btn-icon{height:20px;transition:transform var(--transition-base);width:20px}.cta__btn:hover .cta__btn-icon{transform:translateX(4px)}.cta__note{color:hsla(0,0%,100%,.7);font-size:.9rem;margin-top:var(--spacing-lg)}#Footer2{background:var(--color-primary);color:hsla(0,0%,100%,.8);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg)}#Footer2 .footer__container{margin:0 auto;max-width:var(--container-width)}#Footer2 .footer__top{border-bottom:1px solid hsla(0,0%,100%,.1);display:grid;gap:var(--spacing-3xl);grid-template-columns:1.5fr 2fr;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}#Footer2 .footer__brand{max-width:350px}#Footer2 .footer__logo{display:inline-flex;font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-md)}#Footer2 .footer__logo-text{color:#fff}#Footer2 .footer__logo-accent{color:var(--color-accent);margin-left:2px}#Footer2 .footer__tagline{font-size:.95rem;line-height:1.7}#Footer2 .footer__links{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr)}#Footer2 .footer__heading{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md)}#Footer2 .footer__list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0}#Footer2 .footer__link{color:hsla(0,0%,100%,.8);font-size:.95rem;transition:color var(--transition-base)}#Footer2 .footer__link:hover{color:var(--color-accent)}#Footer2 .footer__bottom{align-items:center;display:flex;justify-content:space-between}#Footer2 .footer__copyright{font-size:.9rem}#Footer2 .footer__social{display:flex;gap:var(--spacing-md)}#Footer2 .footer__social-link{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}#Footer2 .tooltip{border-radius:8px;bottom:-32px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;font-size:12px;font-weight:600;padding:6px 12px;pointer-events:none;transform:translateX(-50%) scale(0);transition:transform .2s ease;white-space:nowrap}#Footer2 .tooltip,#Footer2 .tooltip:before{background:#1e293b;left:50%;position:absolute}#Footer2 .tooltip:before{content:"";height:8px;top:-4px;transform:translateX(-50%) rotate(45deg);width:8px}#Footer2 .footer__social-link i{color:#fff}#Footer2 .footer__social-link:hover{background:var(--color-accent);transform:translateY(-2px)}#Footer2 .footer__social-link:hover .tooltip{transform:translateX(-50%) scale(1)}@media (max-width:1024px){:root{--spacing-3xl:4rem}.hero__container{gap:var(--spacing-2xl);grid-template-columns:1fr}.hero__visual{height:400px}.hero__title{font-size:3rem}.about__title,.cta__title,.reviews__title,.templates__title{font-size:2.5rem}}@media (max-width:768px){:root{--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:3rem}.navbar__toggle{display:flex}.navbar__menu{background:#fff;box-shadow:var(--shadow-lg);flex-direction:column;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:70px;transform:translateX(-100%);transition:transform var(--transition-base)}.navbar__menu--open{transform:translateX(0)}.navbar__item--cta{width:100%}.navbar__cta{text-align:center;width:100%}.hero{min-height:auto;padding:calc(80px + var(--spacing-xl)) var(--spacing-md) var(--spacing-2xl)}.hero__title{font-size:2.5rem}.hero__description{font-size:1.1rem}.hero__visual{height:350px}.hero__card--1{height:280px;width:220px}.hero__card--2{height:240px;width:180px}.hero__card--3{height:200px;width:160px}.about__title,.cta__title,.reviews__title,.templates__title{font-size:2rem}.about__subtitle,.cta__description,.reviews__subtitle,.templates__subtitle{font-size:1rem}#Footer2 .footer__top,.about__steps,.reviews__grid,.templates__grid{grid-template-columns:1fr}#Footer2 .footer__top{gap:var(--spacing-2xl)}#Footer2 .footer__links{grid-template-columns:1fr}#Footer2 .footer__bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}@media (max-width:480px){.hero__title{font-size:1.75rem}.hero__actions{flex-direction:column;width:100%}.hero__btn{justify-content:center;width:100%}.hero__visual{height:280px}.about__title,.cta__title,.reviews__title,.templates__title{font-size:1.75rem}}
