*{margin:0;padding:0;border:none;outline:none;box-sizing:border-box;font-family:sans-serif;scroll-behavior:smooth;-webkit-user-drag:none}body{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;align-items:center;justify-content:center;background-color:#0a0a0a;color:#f3f3f3}#root{width:100%;height:100%}.vitrine-pagina,.palco-pagina{height:100%;display:flex;justify-content:center}.palco-pagina{align-items:center}.vitrine{width:min(28rem,calc(100% - 3rem));height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:4.5rem 0 1.75rem}.vitrine h1{font-size:1.85rem;font-weight:500;letter-spacing:-.03em}.subtitulo{margin-top:.4rem;color:#c6c6c6;font-size:1rem}.demos{margin-top:2.75rem}.demos h2{font-size:1rem;font-weight:500}.grupo{margin-top:1.25rem}.grupo h3{font-size:.75rem;font-weight:500;letter-spacing:.12em;color:#b5b5b5;margin-bottom:.7rem}.card{width:100%;text-align:left;background:transparent;color:#f5f5f5;border:1px solid rgba(255,255,255,.28);padding:.95rem 1.05rem;font:inherit;font-size:1.05rem;cursor:pointer}.card:hover{border-color:#ffffffb8}.rodape{display:flex;gap:.9rem;align-items:baseline;color:#bdbdbd;font-size:.92rem}.rodape a{color:#f3f3f3;text-decoration:underline;text-underline-offset:.18em}.palco{position:relative;width:800px;height:600px}.palco canvas{display:block;border:1px solid rgba(255,255,255,.28)}.voltar{position:absolute;top:12px;left:12px;z-index:1;background:#0a0a0a8c;color:#f3f3f3;border:1px solid rgba(255,255,255,.28);padding:.35rem .7rem;font:inherit;font-size:.9rem;cursor:pointer}.legenda{position:absolute;left:12px;bottom:12px;z-index:1;margin:0;padding:.45rem .7rem;list-style:none;background:#0a0a0a8c;color:#f3f3f3;font-size:.85rem;line-height:1.45}.aviso{position:absolute;top:12px;right:12px;z-index:1;margin:0;max-width:16rem;padding:.35rem .7rem;background:#0a0a0ab8;color:#f3f3f3;font-size:.85rem}