.spinner-wrapper{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:50px;display:flex}.spinner{border:3px solid #f0e4e2;border-top-color:#9b2c3a;border-radius:50%;flex-shrink:0;animation:.8s linear infinite spinner-spin}.spinner--sm{border-width:2px;width:24px;height:24px}.spinner--md{border-width:3px;width:48px;height:48px}.spinner--lg{border-width:4px;width:64px;height:64px}@keyframes spinner-spin{to{transform:rotate(360deg)}}.spinner-text{color:#6b6b6b;margin:0;font-size:14px;font-weight:500}.spinner--fullscreen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;position:fixed;inset:0}.spinner--overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;position:absolute;inset:0}.spinner--dark{background-color:#00000080}.spinner--dark .spinner{border-color:#fff #fff3 #fff3}.spinner--dark .spinner-text{color:#fff}
.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-backgrounds{z-index:0;position:absolute;inset:0}.hero-bg-image{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.5s ease-in-out;position:absolute;inset:0}.hero-bg-image.active{opacity:1}.hero-overlay{z-index:1;background:linear-gradient(135deg,#000000b3 0%,#00000080 50%,#0000004d 100%);position:absolute;inset:0}.hero-content{z-index:2;width:100%;position:relative}.hero-container{max-width:1280px;margin:0 auto;padding:0 24px}.hero-title{color:#fff;text-shadow:0 2px 10px #0000004d;max-width:700px;margin:0 0 24px;font-size:48px;font-weight:700;line-height:1.2;animation:.8s ease-out fadeInUp}.hero-subtitle{color:#ffffffe6;max-width:600px;margin:0 0 40px;font-size:20px;line-height:1.5;animation:.8s ease-out .2s both fadeInUp}.hero-buttons{gap:16px;margin-bottom:60px;animation:.8s ease-out .4s both fadeInUp;display:flex}.btn-large{cursor:pointer;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background-color:#9b2c3a;align-items:center;gap:15px;display:flex;box-shadow:0 4px 12px #9b2c3a66}.btn-primary:hover{background-color:#7a2330;transform:translateY(-2px);box-shadow:0 6px 20px #9b2c3a80}.btn-secondary-hero{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border:2px solid #ffffff4d;align-items:center;gap:15px;display:flex}.btn-secondary-hero:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.hero-features{gap:24px;animation:.8s ease-out .6s both fadeInUp;display:flex}.hero-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex}.hero-feature:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-4px)}.feature-icon{color:#fff;background-color:#9b2c3a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon svg{width:24px;height:24px}.feature-text{flex-direction:column;display:flex}.feature-title-hero{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.feature-description-hero{color:#fffc;font-size:14px}.hero-indicators{z-index:3;gap:12px;display:flex;position:absolute;bottom:40px;right:40px}.hero-indicator{cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.hero-indicator.active{background:#fff;border-color:#fff;transform:scale(1.2)}.hero-indicator:hover{background:#ffffff80;border-color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-features{flex-wrap:wrap}.hero-feature{flex:calc(50% - 12px)}.hero-indicators{bottom:30px;right:50%;transform:translate(50%)}}@media (max-width:640px){.hero{padding:100px 0 60px}.hero-container{padding:0 16px}.hero-title{margin-bottom:16px;font-size:28px}.hero-subtitle{margin-bottom:24px;font-size:16px}.hero-buttons{flex-direction:column;gap:12px;margin-bottom:40px}.btn-large{width:100%;padding:14px 24px}.hero-features{flex-direction:column;gap:12px}.hero-feature{width:100%;padding:16px 20px}.feature-icon{width:40px;height:40px}.feature-icon svg{width:20px;height:20px}.feature-title{font-size:15px}.feature-description{font-size:13px}}@media (max-width:380px){.hero-title{font-size:24px}.hero-subtitle{font-size:14px}}
.features{background-color:#fff;background-image:url(../media/pattern.2u2o2f3qb288_.svg);padding:80px 0}.features-container{max-width:1280px;margin:0 auto;padding:0 24px}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{background-color:#faf5f4;border:1px solid #f0e4e2;border-radius:16px;flex-direction:column;gap:16px;padding:32px 24px;transition:all .3s;display:flex}.feature-card:hover{background-color:#fff9f8;border-color:#e8d5d2;transform:translateY(-4px);box-shadow:0 12px 24px #9b2c3a1a}.feature-icon{color:#fff;background-color:#9b2c3a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.feature-card:hover .feature-icon{transform:scale(1.05);box-shadow:0 4px 12px #9b2c3a4d}.feature-icon svg{width:24px;height:24px}.feature-title{color:#1a1a1a;margin:0;font-size:20px;font-weight:700;line-height:1.3}.feature-description{color:#6b6b6b;flex-grow:1;margin:0;font-size:15px;line-height:1.5}@media (max-width:1024px){.features{padding:60px 0}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{padding:28px 20px}.feature-title{font-size:18px}.feature-description{font-size:14px}}@media (max-width:640px){.features{padding:40px 0}.features-container{padding:0 16px}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}.feature-icon{flex-shrink:0;width:44px;height:44px}.feature-icon svg{width:22px;height:22px}.feature-content{flex:1}.feature-title{margin-bottom:6px;font-size:17px}.feature-description{font-size:14px}}