.hero{background:linear-gradient(135deg,#f8fdf9 0%,#fff 50%,#f0f9f4 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 2rem 40px;display:flex;position:relative;overflow:hidden}.hero-bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{opacity:.5;border-radius:50%;position:absolute}.shape-1{background:radial-gradient(circle,#2173461a 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite float;top:-200px;right:-100px}.shape-2{background:radial-gradient(circle,#21734614 0%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-100px;left:-100px}.shape-3{background:radial-gradient(circle,#2173460f 0%,#0000 70%);width:300px;height:300px;animation:6s ease-in-out infinite pulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.1)}}.hero-container{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;display:grid;position:relative}.hero-content{opacity:0;flex-direction:column;gap:1.5rem;transition:all .8s;display:flex;transform:translate(-30px)}.hero-content.visible{opacity:1;transform:translate(0)}.hero-badge{color:#217346;background:#2173461a;border:1px solid #21734633;border-radius:50px;align-items:center;gap:.75rem;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.badge-dot{background:#217346;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hero-title{color:#1a1a1a;letter-spacing:-.02em;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-title .highlight{color:#217346;position:relative}.hero-subtitle{color:#555;max-width:500px;font-size:1.125rem;line-height:1.5}.hero-buttons{gap:1rem;margin-top:.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);box-shadow:0 8px 25px #21734659}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #21734673}.btn-secondary{color:#217346;background:#fff;border:2px solid #217346}.btn-secondary:hover{color:#fff;background:#217346;transform:translateY(-3px)}.hero-stats{border-top:1px solid #00000014;align-items:center;gap:2rem;margin-top:1rem;padding-top:1.5rem;display:flex}.stat h3{color:#217346;margin:0;font-size:1.75rem;font-weight:800}.stat p{color:#666;margin:0;font-size:.875rem}.stat-divider{background:#0000001a;width:1px;height:40px}.hero-visual{opacity:0;height:500px;transition:all .8s .2s;position:relative;transform:translate(30px)}.hero-visual.visible{opacity:1;transform:translate(0)}.excel-mockup{background:#fff;border-radius:12px;width:420px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 80px #00000026}.mockup-header{background:#217346;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.mockup-dots{gap:6px;display:flex}.mockup-dots span{background:#ffffff4d;border-radius:50%;width:12px;height:12px}.mockup-dots span:first-child{background:#ff5f57}.mockup-dots span:nth-child(2){background:#ffbd2e}.mockup-dots span:last-child{background:#28ca42}.mockup-title{color:#fff;font-size:.875rem;font-weight:500}.mockup-toolbar{background:#f5f5f5;border-bottom:1px solid #e0e0e0;gap:0;display:flex}.toolbar-item{color:#666;cursor:pointer;padding:.5rem 1rem;font-size:.75rem;transition:all .2s}.toolbar-item.active{color:#217346;background:#fff;font-weight:600}.mockup-content{flex-direction:column;gap:1rem;padding:1rem;display:flex}.spreadsheet{background:#e0e0e0;border:1px solid #e0e0e0;grid-template-columns:30px repeat(4,5fr);gap:1px;font-size:.75rem;display:grid}.cell{text-align:center;background:#fff;padding:.5rem}.cell.header,.cell.row-header{color:#333;background:#f5f5f5;font-weight:600}.cell.title{color:#217346;background:#f0f9f4;font-weight:600}.cell.number{color:#333;font-family:monospace}.cell.highlight-cell{color:#217346;background:#e8f5e9;font-weight:600}.chart-preview{background:#fafafa;border-radius:8px;align-items:flex-end;gap:.5rem;height:60px;padding:.5rem;display:flex}.bar{background:linear-gradient(#217346 0%,#185c37 100%);border-radius:4px 4px 0 0;flex:1;animation:1s ease-out forwards growBar}.bar-1{height:70%;animation-delay:.1s}.bar-2{height:85%;animation-delay:.2s}.bar-3{height:55%;animation-delay:.3s}.bar-4{height:95%;animation-delay:.4s}@keyframes growBar{0%{height:0}}.formula-bar{background:#f5f5f5;border-top:1px solid #e0e0e0;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.fx{color:#217346;font-style:italic;font-weight:600}.formula{color:#333;font-family:monospace}.floating-card{background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:1rem;animation:4s ease-in-out infinite floatCard;display:flex;position:absolute;box-shadow:0 10px 40px #0000001a}.card-1{animation-delay:0s;top:20px;right:-20px}.card-2{animation-delay:2s;bottom:40px;left:-30px}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-icon.green{color:#217346;background:#2173461a}.card-icon.blue{color:#3b82f6;background:#3b82f61a}.card-text{flex-direction:column;display:flex}.card-value{color:#1a1a1a;font-size:1rem;font-weight:700}.card-label{color:#666;font-size:.75rem}.hero-brands{text-align:center;z-index:10;margin-top:4rem;position:relative}.hero-brands p{color:#888;margin-bottom:1rem;font-size:.875rem}.brands-list{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.brands-list span{color:#ccc;letter-spacing:.05em;font-size:1.125rem;font-weight:700}@media (max-width:968px){.hero{padding:100px 1.5rem 40px}.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{order:1;align-items:center}.hero-visual{order:2;height:350px}.hero-title{font-size:2.5rem}.hero-subtitle{text-align:center}.hero-buttons{flex-direction:column;width:100%;max-width:300px}.btn{justify-content:center}.hero-stats{flex-wrap:wrap;justify-content:center}.excel-mockup{width:100%;max-width:350px}.floating-card{display:none}.brands-list{gap:2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-stats{gap:1rem}.stat h3{font-size:1.5rem}.stat-divider{height:30px}.hero-visual{height:300px}}
.features{background:#fff;padding:100px 2rem}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{color:#217346;background:#2173461a;border-radius:50px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.section-header h2{color:#1a1a1a;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.section-header p{color:#666;max-width:500px;margin:0 auto;font-size:1.125rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{opacity:0;background:#fafafa;border:1px solid #eee;border-radius:16px;padding:2rem;transition:all .5s;transform:translateY(30px)}.feature-icon{color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.feature-card h3{color:#1a1a1a;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}@media (max-width:968px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features{padding:60px 1.5rem}.section-header h2{font-size:2rem}.features-grid{grid-template-columns:1fr}}.feature-card{opacity:0;cursor:pointer;background:#fafafa;border:1px solid #eee;border-radius:16px;padding:2rem;transition:all .5s;transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{background:#fff;border-color:#217346;transform:translateY(-5px);box-shadow:0 20px 50px #2173461a}.feature-card p{color:#666;margin:0;font-size:.95rem;line-height:1.6}.learn-more{color:#217346;opacity:0;margin-top:1rem;font-size:.85rem;font-weight:600;transition:opacity .3s}.feature-card:hover .learn-more{opacity:1}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:500px;padding:3rem;animation:.3s slideUp;position:relative;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:#fff;background:#217346}.modal-icon{color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.modal-content h2{color:#1a1a1a;margin:0 0 1rem;font-size:1.75rem;font-weight:800}.modal-description{color:#666;margin:0 0 2rem;font-size:1rem;line-height:1.8}.modal-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border:none;border-radius:12px;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.modal-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #21734633}@media (max-width:968px){.features-grid{grid-template-columns:repeat(2,1fr)}.modal-content{padding:2.5rem}}@media (max-width:600px){.features{padding:60px 1.5rem}.section-header h2{font-size:2rem}.features-grid{grid-template-columns:1fr}.modal-overlay{padding:1rem}.modal-content{border-radius:16px;padding:2rem}.modal-icon{border-radius:16px;width:64px;height:64px}.modal-content h2{font-size:1.5rem}.modal-close{width:36px;height:36px;font-size:1.25rem}}
.why-choose{background:linear-gradient(#f8fdf9 0%,#fff 100%);padding:100px 2rem}.why-choose-container{max-width:1200px;margin:0 auto}.why-choose-header{text-align:center;margin-bottom:4rem}.why-choose-header .section-tag{color:#217346;background:#2173461a;border-radius:50px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.why-choose-header h2{color:#1a1a1a;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.why-choose-header p{color:#666;max-width:600px;margin:0 auto;font-size:1.125rem}.why-choose-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.reasons-list{flex-direction:column;gap:1.5rem;display:flex}.reason-item{cursor:pointer;opacity:0;background:#fff;border:1px solid #eee;border-radius:16px;gap:1.5rem;padding:1.5rem;transition:all .5s;display:flex;transform:translate(-30px)}.reason-item.visible{opacity:1;transform:translate(0)}.reason-item.active{border-color:#217346;box-shadow:0 10px 40px #2173461a}.reason-item:hover{border-color:#217346}.reason-number{color:#217346;opacity:.3;min-width:50px;font-size:1.5rem;font-weight:800}.reason-item.active .reason-number{opacity:1}.reason-content h3{color:#1a1a1a;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.reason-content p{color:#666;margin:0 0 .75rem;font-size:.95rem;line-height:1.6}.reason-stats{color:#217346;background:#2173461a;border-radius:50px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.why-choose-visual{justify-content:center;display:flex}.visual-card{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:2rem;box-shadow:0 20px 60px #0000001a}.visual-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.visual-icon{color:#fff;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.visual-header h4{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:700}.progress-bars{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.progress-item{flex-direction:column;gap:.5rem;display:flex}.progress-label{color:#666;justify-content:space-between;font-size:.875rem;display:flex}.progress-label span:last-child{color:#217346;font-weight:700}.progress-bar{background:#eee;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#217346 0%,#2d9254 100%);border-radius:4px;height:100%;animation:1.5s ease-out forwards fillProgress}@keyframes fillProgress{0%{width:0}}.visual-footer{border-top:1px solid #eee;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;display:grid}.stat-box{text-align:center}.stat-number{color:#217346;font-size:1.5rem;font-weight:800;display:block}.stat-label{color:#888;font-size:.75rem}@media (max-width:968px){.why-choose-content{grid-template-columns:1fr;gap:3rem}.why-choose-visual{order:-1}}@media (max-width:600px){.why-choose{padding:60px 1.5rem}.why-choose-header h2{font-size:2rem}.reason-item{flex-direction:column;gap:1rem}.reason-number{min-width:auto}}.reason-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.reason-modal-content{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:80vh;padding:2.5rem;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000026}.reason-modal-close{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:color .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.reason-modal-close:hover{color:#217346}.reason-modal-number{color:#217346;opacity:.2;margin-bottom:1rem;font-size:3rem;font-weight:800}.reason-modal-content h2{color:#1a1a1a;margin:0 0 1rem;font-size:1.75rem;font-weight:800}.reason-modal-description{color:#666;margin:0 0 2rem;font-size:1rem;line-height:1.8}.reason-modal-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#217346 0%,#185c37 100%);border:none;border-radius:12px;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.reason-modal-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2173464d}.chart-container{background:#f9f9f9;border-radius:12px;margin:1.5rem 0;padding:1rem 0}.learn-more-arrow{color:#217346;opacity:0;margin-top:.5rem;font-size:.85rem;font-weight:600;transition:opacity .3s}.reason-item:hover .learn-more-arrow{opacity:1}.star-rating{justify-content:center;gap:.2rem;margin:.5rem 0;display:flex}.star{color:#ddd;font-size:1.2rem;transition:color .2s}.star.filled{color:#ffc107}.star.half{background:linear-gradient(90deg,#ffc107 50%,#ddd 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.reason-modal-content{padding:1.5rem}.reason-modal-number{font-size:2rem}.reason-modal-content h2{font-size:1.5rem}.chart-container{margin:1rem 0}}
.testimonials{background:#fff;padding:100px 2rem;overflow:hidden}.testimonials-container{opacity:0;max-width:900px;margin:0 auto;transition:all .8s;transform:translateY(30px)}.testimonials-container.visible{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:3rem}.section-tag{color:#217346;background:#21734614;border-radius:50px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.section-header h2{margin:0 0 .5rem;font-size:2.2rem;font-weight:800}.section-header p{color:#666;font-size:1rem}.testimonials-slider{border-radius:20px;width:100%;overflow:hidden}.testimonials-track{gap:0;transition:transform .5s;display:flex}.testimonial-card{box-sizing:border-box;text-align:center;background:linear-gradient(135deg,#f8fdf9 0%,#f0f9f4 100%);border-radius:20px;flex-direction:column;flex:0 0 100%;justify-content:center;max-width:100%;min-height:260px;padding:2.5rem 3rem;display:flex}.testimonial-rating{justify-content:center;gap:.25rem;margin-bottom:1rem;display:flex}.testimonial-content{color:#333;margin-bottom:1.5rem;font-size:1.15rem;font-style:italic;line-height:1.7}.testimonial-author{justify-content:center;align-items:center;gap:1rem;display:flex}.emoji-avatar{background:#fff;border:3px solid #217346;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:45px;display:flex}.author-info{text-align:left}.author-info h4{margin:0;font-size:1rem;font-weight:700}.author-info span{color:#666;font-size:.875rem}.testimonials-dots{justify-content:center;gap:.5rem;margin-top:1.75rem;display:flex}.dot{cursor:pointer;background:#ddd;border:none;border-radius:50%;width:10px;height:10px;transition:all .25s}.dot.active{background:#217346;border-radius:5px;width:30px}.testimonials-nav{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.nav-btn{color:#217346;cursor:pointer;background:#fff;border:2px solid #217346;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.nav-btn:hover{color:#fff;background:#217346}@media (max-width:768px){.testimonials{padding:60px 1.5rem}.section-header h2{font-size:1.8rem}.testimonial-card{padding:1.5rem}.testimonial-content{font-size:1rem}}
.cta{background:linear-gradient(135deg,#217346 0%,#185c37 100%);padding:100px 2rem;position:relative;overflow:hidden}.cta-bg{pointer-events:none;position:absolute;inset:0}.cta-shape{border-radius:50%;position:absolute}.cta-shape-1{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite float;top:-200px;right:-100px}.cta-shape-2{background:radial-gradient(circle,#ffffff14 0%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-150px;left:-100px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.cta-container{text-align:center;z-index:10;opacity:0;max-width:800px;margin:0 auto;transition:all .8s;position:relative;transform:translateY(30px)}.cta-container.visible{opacity:1;transform:translateY(0)}.cta-content h2{color:#fff;margin:0 0 1rem;font-size:2.75rem;font-weight:800}.cta-content p{color:#ffffffe6;margin:0 0 2.5rem;font-size:1.125rem;line-height:1.7}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.cta .btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta .btn-primary{color:#217346;background:#fff;box-shadow:0 10px 30px #0003}.cta .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.cta .btn-secondary{color:#fff;background:0 0;border:2px solid #ffffff80}.cta .btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.cta-features{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.cta-feature{color:#ffffffe6;align-items:center;gap:.5rem;font-weight:500;display:flex}.cta-feature svg{color:#90ee90}@media (max-width:768px){.cta{padding:60px 1.5rem}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;max-width:300px;margin-left:auto;margin-right:auto}.cta-features{flex-direction:column;gap:1rem}}
.footer{background:#1a1a1a;padding:80px 2rem 30px}.footer-container{max-width:1200px;margin:0 auto}.footer-main{border-bottom:1px solid #ffffff1a;grid-template-columns:1.5fr 2fr;gap:4rem;padding-bottom:3rem;display:grid}.footer-logo{color:#fff;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.footer-brand p{color:#fff9;max-width:300px;margin:0 0 1.5rem;font-size:.95rem;line-height:1.7}.footer-contact{border-bottom:1px solid #ffffff1a;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.contact-item{color:#fff9;align-items:center;gap:.5rem;font-size:.9rem;transition:all .3s;display:flex}.contact-item:hover{color:#217346}.contact-item svg{flex-shrink:0;width:16px;height:16px}.footer-social{gap:1rem;display:flex}.footer-social a{color:#fff;background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.footer-social a:hover{background:#217346;transform:translateY(-3px)}.footer-links{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-column h4{color:#fff;margin:0 0 1.5rem;font-size:1rem;font-weight:700}.footer-column a{color:#fff9;margin-bottom:.75rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:block}.footer-column a:hover{color:#217346;transform:translate(5px)}.footer-bottom{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding-top:2rem;display:flex}.footer-bottom p{color:#fff6;margin:0;font-size:.875rem}@media (max-width:968px){.footer-main{grid-template-columns:1fr;gap:3rem}.footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.footer{padding:60px 1.5rem 20px}.footer-links{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column}}