@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Dancing+Script:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Dancing+Script:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navbar{z-index:1000;background:#fff;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-container{justify-content:space-between;align-items:center;width:90%;display:flex}.logo{flex-direction:column;line-height:1;display:flex}.logo-main{color:#1a1a1a;letter-spacing:-.5px;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700}.logo-sub{color:#666;margin-top:-2px;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:400}.nav-menu{align-items:center;gap:2.5rem;display:flex}.nav-item{color:#333;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-item:hover{color:#1a1a1a}.contact-button{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:25px;padding:.75rem 1.5rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s}.contact-button:hover{background:#333;transform:translateY(-1px)}.mobile-menu-toggle{cursor:pointer;flex-direction:column;gap:4px;display:none}.mobile-menu-toggle span{background:#1a1a1a;border-radius:2px;width:25px;height:3px;transition:all .3s}.sidebar-overlay{z-index:2000;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.sidebar{background:linear-gradient(145deg,#fafbfc 0%,#f4f6f8 100%);border-radius:24px 0 0 24px;flex-direction:column;width:320px;height:100vh;animation:.3s ease-out slideInRight;display:flex;box-shadow:-8px 0 32px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:2rem 1.5rem 1rem;display:flex}.sidebar-title{color:#1f2937;margin:0;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600}.sidebar-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.5rem;transition:all .2s}.sidebar-close:hover{color:#8b5cf6;background:#8b5cf61a}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.sidebar-item{color:#374151;border-radius:12px;align-items:center;gap:1rem;padding:1rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-item:hover{color:#1f2937;background:#8b5cf614;transform:translate(4px)}.sidebar-item:active,.sidebar-item.active{color:#1f2937;background:linear-gradient(135deg,#8b5cf626 0%,#a855f71a 100%);box-shadow:0 2px 8px #8b5cf633}.sidebar-item:active:before,.sidebar-item.active:before{content:"";background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 100%);border-radius:0 2px 2px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-icon{color:#6b7280;font-size:1.1rem;transition:color .2s}.sidebar-item:hover .sidebar-icon,.sidebar-item:active .sidebar-icon,.sidebar-item.active .sidebar-icon{color:#8b5cf6}.sidebar-label{font-weight:500}@media (max-width:768px){.navbar-container{padding:0 1rem}.nav-menu{display:none}.mobile-menu-toggle{display:flex}.logo-main{font-size:1.3rem}.logo-sub{font-size:.7rem}.sidebar{width:280px}}@media (max-width:480px){.sidebar{border-radius:0;width:100%}}.hero-section{height:100vh;margin-top:80px;position:relative;overflow:hidden}.hero-background{z-index:1;width:100%;height:650px;position:absolute;top:0;left:0}.hero-bg-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{z-index:2;background:#0000004d;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;align-items:center;max-width:1200px;height:75%;margin:0 auto;padding:0 2rem;display:flex;position:relative}.hero-text{max-width:700px}.hero-title{color:#fff;letter-spacing:-1px;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:40px;font-weight:700}.hero-subtitle{color:#fff;letter-spacing:1px;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:35px;font-weight:600;line-height:1.1}.hero-cta-button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:1rem 2rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.hero-cta-button:hover{background:#7c3aed;transform:translateY(-2px)}.clients-section{background:#fff;margin-top:10px;padding:5px 0}.clients-container{text-align:center;max-width:1200px;margin:0 auto;padding:0 2rem}.clients-title{color:#1a1a1a;margin-bottom:3rem;font-family:Dancing Script,cursive;font-size:2.5rem;font-weight:600}.clients-logos-wrapper{width:100%;overflow:hidden}.clients-logos{flex-wrap:nowrap;align-items:center;gap:3rem;width:calc(200% + 3rem);animation:20s linear infinite scroll-right-to-left;display:flex}.clients-logos-wrapper:hover .clients-logos{animation-play-state:paused}@keyframes scroll-right-to-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.client-logo{justify-content:center;align-items:center;min-width:120px;height:60px;padding:1rem 1.5rem;display:flex}.client-logo span{color:#666;text-align:center;filter:grayscale();opacity:.7;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s}.client-logo:hover span{filter:grayscale(0%);opacity:1;color:#1a1a1a}@media (max-width:1024px){.hero-title,.hero-subtitle{font-size:3rem}.clients-logos{gap:2rem}}@media (max-width:768px){.hero-section{height:70vh;margin-top:70px}.hero-content{text-align:center;justify-content:center;align-items:center;padding:0 1rem;display:flex}.hero-title,.hero-subtitle{font-size:2.2rem}.hero-text{max-width:100%}.hero-cta-button{padding:.875rem 1.75rem}.clients-section{padding:3rem 0}.clients-container{padding:0 1rem}.clients-title{margin-bottom:2rem;font-size:2rem}.clients-logos{justify-content:center;gap:1.5rem}.client-logo{min-width:100px;height:50px;padding:.75rem 1rem}.client-logo span{font-size:.8rem}}@media (max-width:480px){.hero-title,.hero-subtitle{font-size:1.8rem}.clients-logos{grid-template-columns:repeat(2,1fr);gap:1rem}}.how-it-works{background:#f5f5f5;margin-top:30px;padding:80px 0}.how-it-works-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{color:#333;text-align:center;letter-spacing:-.5px;text-align:center;justify-content:center;width:100%;margin-bottom:40px;font-family:Poppins,sans-serif;font-size:25px;font-weight:400;display:flex}.steps{justify-content:center;align-items:center;gap:20px;display:flex}.step{justify-content:center;align-items:center;gap:10px;display:flex}.step-count{display:none}.main{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.step-icon{z-index:2;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;display:flex;position:relative}.step-title{color:#333;text-align:center;margin-top:10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.3}.step-description{text-align:center;color:#666;max-width:250px;font-family:Poppins,sans-serif;font-size:10px;font-weight:400;line-height:1.5}.step-dot-before{border-radius:50%;width:4px;height:4px;margin-top:-50px;margin-right:10px}.right{justify-content:center;align-items:center;gap:17px;margin-top:-50px;margin-left:10px;display:flex}.step-dot{border-radius:50%;width:4px;height:4px}.step-connector{border-top:1px dashed #000;width:70px;height:2px}.connector-dot{background:#8b5cf6;border-radius:50%;flex-shrink:0;width:8px;height:8px}.connector-line{background:repeating-linear-gradient(90deg,#8b5cf6 0 6px,#0000 6px 12px);flex:1;height:2px;margin:0 8px}.steps-wrapper:before{content:"";z-index:1;background:repeating-linear-gradient(90deg,#ccc 0 8px,#0000 8px 16px);height:2px;position:absolute;top:40px;left:20%;right:20%}.steps-wrapper:after{content:"• • • • •";color:#8b5cf6;letter-spacing:60px;z-index:1;text-align:center;width:60%;font-size:1.5rem;position:absolute;top:32px;left:50%;transform:translate(-50%)}@media (max-width:1024px){.section-title{margin-bottom:3rem;font-size:2.2rem}.step-icon-container{width:70px;height:70px}.step-icon{font-size:1.75rem}.step-title{font-size:10px}.step-description{font-size:8px}}@media (max-width:768px){.how-it-works{padding:60px 0}.how-it-works-container{padding:0 1rem}.section-title{margin-bottom:2.5rem;font-size:2rem}.steps-wrapper{flex-direction:column;gap:3rem}.steps-wrapper:before,.steps-wrapper:after,.step-connector{display:none}.step-item{max-width:100%}.step-icon-container{width:60px;height:60px;margin-bottom:1.5rem}.step-icon{font-size:1.5rem}.step-title{margin-bottom:.75rem;font-size:1.1rem}.step-description{max-width:280px;font-size:.9rem}.steps{flex-direction:column;gap:20px}.right,.step-dot-before{display:none}.step{border-radius:10px;align-items:start;width:100%;padding:25px 20px}.main{flex-direction:row;align-items:center;width:100%}.main-content{gap:0;width:100%;margin-top:-10px}.step-title{text-align:left;font-size:13px}.step-description{text-align:left;font-size:10px}.step-count-div{width:100%}.step-count{text-align:start;color:#fff;z-index:1;background-color:#00008b;border-radius:50%;justify-content:center;align-items:center;width:45px;height:40px;font-size:19px;display:flex}.step-icon{display:none}.vr-line{border-left:2px solid #00008b;width:20px;height:250px;position:absolute;left:52px}}.who-are-us{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.who-are-us-container{justify-content:space-around;align-items:end;width:80%;display:flex}.section-title-who{color:#333;text-align:center;flex-direction:column;justify-content:end;align-items:start;width:100%;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:25px;font-weight:600;display:flex;position:relative}.content-wrapper{flex-direction:column;justify-content:center;align-items:start;width:40%;display:flex}.description-text{color:#333;text-align:left;margin:0;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.8}.images-content{justify-content:center;align-items:center;gap:20px;width:50%;display:flex}.image-container{background-color:#faebd7;border-radius:30px;width:120px;height:250px}.center{height:300px}.card-image{object-fit:cover;border-radius:30px;width:100%;height:100%}.crm-card:before{content:"CRM";color:#fff;z-index:2;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.management-card:before{content:"CRM";color:#fff;z-index:2;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.crm-card:after{content:"";z-index:1;background:linear-gradient(135deg,#4285f4cc 0%,#1e88e5cc 100%);position:absolute;inset:0}.management-card:after{content:"";z-index:1;background:linear-gradient(135deg,#2c3e50cc 0%,#34495ecc 100%);position:absolute;inset:0}.why-choose-us{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:40px;display:flex}.why-choose-us-container{background-color:#f9f9f9;border-radius:15px;padding:20px}.why-choose-us-title{color:#333;text-align:start;font-family:Poppins,sans-serif;font-size:25px;font-weight:600}.why-choose-us-text{color:#333;text-align:justify;margin-top:10px;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:400;line-height:1.8}@media (max-width:700px){.who-are-us-container{flex-direction:column;width:100%}.content-wrapper{width:100%;margin-top:20px}.description-text{text-align:justify}.images-content{justify-content:center;align-items:center;width:100%;padding:20px;display:flex}}@media (min-width:550px){.why-choose-us-container{width:76%;padding:20px}}@media (max-width:425px){.content-wrapper,.description-text{width:100%}}@media (max-width:500px){.image-container{width:90px;height:180px}.center{width:90px;height:220px}}@media (max-width:375px){.image-container{width:200px;height:150px}.center{width:200px;height:220px}}.services-section{background:#fff;padding:80px 0}.services-container{max-width:1200px;margin:0 auto;padding:0 2rem}.services-header{justify-content:center;align-items:center;margin-bottom:4rem;display:flex;position:relative}.header-line{background:#e0e0e0;flex:1;max-width:350px;height:1px}.services-pill{background:#f0f0f0;border-radius:25px;flex-shrink:0;margin:0 2rem;padding:.75rem 2rem}.services-label{color:#333;font-family:Poppins,sans-serif;font-size:15px;font-weight:500}.services-grid{gap:3rem;display:grid}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1023px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.services-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.service-item{text-align:center;flex-direction:column;align-items:start;gap:5px;display:flex}.service-icon{color:#999;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:3rem;display:flex}.service-title{color:#333;text-align:left;font-family:Poppins,sans-serif;font-size:15px}.service-description{color:#999;text-align:start;font-family:Poppins,sans-serif;font-size:12px}@media (max-width:1024px){.services-section{padding:60px 0}.services-header{margin-bottom:3rem}.header-line{max-width:150px}.services-pill{margin:0 1.5rem}}@media (max-width:768px){.services-container{padding:0 1rem}.services-header{margin-bottom:2.5rem}.header-line{max-width:100px}.services-pill{margin:0 1rem;padding:.6rem 1.5rem}.services-label{font-size:.9rem}.service-item{padding:.5rem}.service-icon{margin-bottom:1rem;font-size:2.5rem}.service-title{margin-bottom:.75rem;font-size:1rem}.service-description{max-width:200px;font-size:.85rem}}@media (max-width:480px){.services-grid{gap:1.5rem}.service-icon{font-size:2rem}.service-title{font-size:.95rem}.service-description{max-width:180px;font-size:.8rem}}.cta-section{background:#fff;padding:50px 0}.cta-container{justify-content:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.cta-box{text-align:center;background:#000;border-radius:35px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:900px;padding:4rem 3rem;display:flex}.cta-title{color:#fff;margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-size:25px;font-weight:600;line-height:1.2}.cta-description{color:#fff;opacity:.9;margin-bottom:2.5rem;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.cta-button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:25px;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;transition:none;display:flex}.phone-icon{font-size:1.1rem}@media (max-width:1024px){.cta-box{max-width:800px;padding:3.5rem 2.5rem}.cta-title{font-size:2.2rem}.cta-description{font-size:.95rem}}@media (max-width:768px){.cta-section{padding:60px 0}.cta-container{padding:0 1rem}.cta-box{border-radius:30px;padding:3rem 2rem}.cta-title{margin-bottom:1.25rem;font-size:1.8rem}.cta-description{margin-bottom:2rem;font-size:.9rem}.cta-description br{display:none}.cta-button{padding:.875rem 1.75rem;font-size:.95rem}.phone-icon{font-size:1rem}}@media (max-width:480px){.cta-box{border-radius:25px;padding:2.5rem 1.5rem}.cta-title{font-size:1.6rem}.cta-description{font-size:.85rem}.cta-button{padding:.75rem 1.5rem;font-size:.9rem}}.contact-section{background:#f8f9fa}.contact-header{text-align:center;background:#f8f9fa;padding:4rem 0 2rem}.contact-header-container{max-width:1200px;margin:0 auto;padding:0 2rem}.contact-main-title{color:#333;margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600}.contact-subtitle{color:#999;margin:0;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.contact-content{background:#f8f9fa;padding:2rem 0 4rem}.contact-container{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.contact-form-wrapper{justify-content:center;display:flex}.form-card{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:400px;height:450px;padding:20px;display:flex;box-shadow:0 2px 10px #0000000d}.form-title{color:#333;margin-bottom:2rem;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600}.contact-form{flex-direction:column;gap:1.5rem;width:90%;display:flex}.form-row{justify-content:space-between;align-items:center;width:100%;display:flex}.form-row input{width:48%}.form-input,.form-textarea{color:#2a2a2a;background:#f2f2f2cc;border:none;border-radius:8px;padding:1rem;font-family:Poppins,sans-serif;font-size:.95rem;transition:all .3s}.form-input::placeholder,.form-textarea::placeholder{color:#999;font-size:12px;font-weight:400}.form-input:focus,.form-textarea:focus{background:#f0f0f0;outline:none}.full-width{grid-column:1/-1}.form-textarea{resize:vertical;min-height:120px}.submit-button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:25px;width:100%;padding:1rem 2rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;transition:all .3s}.submit-button:hover{background:#7c3aed}.contact-info-wrapper{padding:1rem 0}.contact-info-title{color:#333;flex-direction:column;justify-content:center;align-items:center;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;display:flex;position:relative}.title-underline{background:#333;width:60px;height:3px;margin-top:.5rem}.contact-items{margin:2.5rem 0}.contact-item{background-color:#7d7d7d18;border-radius:5px;align-items:center;gap:1rem;width:100%;margin-bottom:10px;padding:10px;display:flex}.contact-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;display:flex}.office-icon{background:#8b5cf6}.phone-icon{background:#ef4444}.email-icon{background:#f59e0b}.contact-items-row{justify-content:space-between;align-items:center;display:flex}.contact-items-row .contact-item{width:49%}.contact-details{flex-direction:column;display:flex}.contact-label{color:#333;margin-bottom:.25rem;font-family:Poppins,sans-serif;font-size:12px;font-weight:bolder}.contact-text{color:#999;margin:0;font-family:Poppins,sans-serif;font-size:10px}.divider-line{background:#e0e0e0;width:100%;height:1px;margin:2rem 0}.social-media-section{flex-direction:column;justify-content:space-between;align-items:start;margin-top:2rem;display:flex}.social-icons{margin-top:10px;margin-left:-11px;display:flex}.social-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background:#ededed;transform:translateY(-2px)}@media (max-width:1024px){.contact-container{gap:3rem}.form-card{padding:2.5rem}.contact-main-title{font-size:2.2rem}.contact-item{width:100%}.contact-items-row{flex-direction:column}.contact-items-row .contact-item{width:100%}}@media (max-width:768px){.contact-header{padding:3rem 0 1.5rem}.contact-header-container{padding:0 1rem}.contact-main-title{font-size:2rem}.contact-content{padding:1.5rem 0 3rem}.contact-container{grid-template-columns:1fr;gap:2.5rem;padding:0 1rem}.contact-info-title{text-align:center;width:100%}.form-card{padding:2rem}.form-row{grid-template-columns:1fr}.contact-item{margin-bottom:1.5rem}.social-icons{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.contact-main-title{font-size:1.8rem}.form-card{padding:1.5rem}.form-title{font-size:1.3rem}.contact-icon{width:45px;height:45px;font-size:1rem}}@media (max-width:501px){.form-card{width:90%}}.footer{color:#fff;background:#1f2937;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:3rem 1rem 1rem}.footer-content{flex-wrap:wrap;justify-content:start;align-items:start;gap:100px;display:flex}.footer-section{flex-direction:column;display:flex}.footer-logo{align-items:center;margin-bottom:1rem;font-size:1.5rem;display:flex}.footer-logo-icon{margin-right:.5rem;font-size:2rem}.footer-logo-text{color:#60a5fa;width:100%}.footer-description{color:#d1d5db;margin:0;line-height:1.6}.footer-title{color:#fff;margin-top:0;margin-bottom:1rem;font-size:1.1rem}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#d1d5db;text-align:left;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#60a5fa}.footer-bottom{text-align:center;border-top:1px solid #374151;padding-top:1.5rem}.footer-bottom p{color:#9ca3af;margin:0;font-size:.9rem}@media (max-width:768px){.footer-container{padding:2rem 1rem 1rem}.footer-logo{justify-content:center}}@media (max-width:480px){.footer-container{padding:1.5rem .5rem 1rem}.footer-logo-icon{font-size:1.5rem}.footer-logo{font-size:1.25rem}}@media (max-width:500px){.footer-content{justify-content:space-between;gap:30px}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Poppins,sans-serif;font-style:normal;font-weight:400;line-height:1.6}.container{margin:0 auto;padding:0 2rem}.App{min-height:100vh}html{scroll-behavior:smooth}button{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button:focus,input:focus,textarea:focus{outline-offset:2px;outline:2px solid #6366f1}