.elementor-bc-flex-widget .elementor-1167 .elementor-element.elementor-element-6a24b85.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1167 .elementor-element.elementor-element-6a24b85.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1167 .elementor-element.elementor-element-6a24b85 > .elementor-element-populated{padding:66px 66px 66px 66px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1167 .elementor-element.elementor-element-b7a0d67 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1167 .elementor-element.elementor-element-2f83ba2{font-family:"Poppins", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-1167 .elementor-element.elementor-element-b8dc9b8 > .elementor-element-populated{margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:6px 6px 6px 6px;}.elementor-bc-flex-widget .elementor-1167 .elementor-element.elementor-element-403564d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1167 .elementor-element.elementor-element-403564d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1167 .elementor-element.elementor-element-403564d > .elementor-element-populated{padding:66px 66px 66px 66px;}.elementor-1167 .elementor-element.elementor-element-4f27404{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1167 .elementor-element.elementor-element-689fbbd .widget-image-caption{color:var( --e-global-color-8bff87d );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;margin-block-start:10px;}.elementor-1167 .elementor-element.elementor-element-f2401c9{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}@media(max-width:767px){.elementor-1167 .elementor-element.elementor-element-403564d > .elementor-element-populated{padding:15px 15px 15px 15px;}}/* Start custom CSS for html, class: .elementor-element-e3facf6 */<style>
    body {
      background: #0f172a;
      color: #f8fafc;
      font-family: system-ui, -apple-system, sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      margin: 0;
      padding: 20px;
    }

    .card {
      background: #1e293b;
      padding: 25px;
      border-radius: 16px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      width: 100%;
      max-width: 480px;
      text-align: center;
      border: 1px solid #334155;
    }

    h2 {
      color: #38bdf8;
      margin-bottom: 15px;
      font-size: 1.5rem;
    }

    /* Tela do Osciloscópio */
    .canvas-container {
      background: #020617;
      border: 1px solid #334155;
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 20px;
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
    }

    canvas {
      display: block;
      width: 100%;
      height: 150px;
    }

    .control-group {
      margin: 15px 0;
      text-align: left;
    }

    label {
      display: block;
      font-size: 0.85rem;
      color: #94a3b8;
      margin-bottom: 5px;
    }

    select, input[type="range"] {
      width: 100%;
      padding: 10px;
      border-radius: 8px;
      border: 1px solid #334155;
      background: #0f172a;
      color: #fff;
      box-sizing: border-box;
    }

    .val-display {
      font-size: 1.5rem;
      font-weight: bold;
      color: #38bdf8;
      margin-top: 5px;
      text-align: center;
    }

    button {
      width: 100%;
      padding: 14px;
      border: none;
      border-radius: 8px;
      background: #38bdf8;
      color: #0f172a;
      font-weight: bold;
      font-size: 1rem;
      cursor: pointer;
      transition: all 0.2s ease;
      margin-top: 10px;
    }

    button:hover { background: #7dd3fc; }
    button.active { background: #ef4444; color: white; }
  </style>/* End custom CSS */