:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serifm,Quicksand;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;cursor:default;background-color:#212020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.home-container{text-align:center}.box-container{background:linear-gradient(135deg,#ddfec8,#86bc7b);padding:2rem 4rem;width:20rem;margin:10rem auto 3rem;border-radius:2rem;box-shadow:0 8px 32px #00000026;text-align:center}#logo{right:20%;width:20rem;height:auto;transition:filter .2s;margin-bottom:1.5rem;border-radius:2rem}#logo:hover{filter:drop-shadow(0 0 1em rgba(89,132,94,.67))}.social-icons{display:flex;gap:1rem;margin-bottom:5%;justify-content:center}.social-icons a{font-size:1.5rem;color:#fff;transition:color .3s}.social-icons a:hover{color:#adf98e}.slogan-container{text-align:center;display:inline-block}.slogan{position:relative;display:inline-block;height:1.2em;white-space:nowrap}.text{position:fixed;transition:opacity .3s;white-space:nowrap;text-align:center}.visible{opacity:1}.hidden{opacity:0}footer{text-align:center;color:#c9f1a4;padding:1.2rem 0;font-size:1rem;letter-spacing:.05em;margin-top:2rem}.navbar{position:fixed;bottom:85%;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:auto;max-width:500px;padding:1rem;border-radius:7rem;background-color:#333;color:#fff;transition:transform .3s ease-in-out}.nav-links{display:flex;list-style:none;padding:0;margin:0}.nav-link{display:inline-block;position:relative;padding:10px;margin:0 1rem;text-decoration:none;color:#fff;font-weight:500}.nav-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#7b7b7b;transition:transform .25s ease-out}.nav-link:hover:after{transform:scaleX(1)}.nav-link:hover,.nav-link:hover:after{cursor:pointer;transform-origin:bottom center}.about-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:7rem;margin-bottom:5rem;gap:2rem}.description{display:flex;flex-direction:row;align-items:center;gap:1rem;text-align:center;justify-content:center}.rotate{background-color:#ceff78;border-radius:1rem;max-width:150px;padding:.5rem 1rem;overflow:hidden;position:relative;perspective:1000px;min-height:2.5rem;display:flex;justify-content:center;align-items:center}.rotate-text{margin:0;transform-style:preserve-3d;text-align:center;font-weight:700;font-size:1.5rem;color:#9aa095}.members-des{display:flex;gap:2.5rem;justify-content:center;align-items:flex-start}.avatar-item{display:flex;flex-direction:column;align-items:center}.avatar{width:100px;border-radius:1rem;margin-bottom:1rem;transition:filter .2s;box-shadow:0 4px 18px #00000012}h3{margin:0;font-size:1.1rem;color:#efffd3;font-weight:600;letter-spacing:.03em}.products-box{height:635px;width:1055px}.products-box .rectangle{background-color:#2a2929;border-radius:80px;height:635px;width:1055px;position:fixed;top:122px;left:170px;padding:48px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.rectangle-box{background-color:#2a2929;border-radius:28px;width:100%;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:12px}.img-skeleton,.text-skeleton{background-color:#3a3a3a}.img-skeleton{width:173px;height:193px;background-color:#3f3f3f;border-radius:22px}.text-skeleton{width:114px;height:19px;background-color:#444;border-radius:999px}