body{font-family:Arial,sans-serif;background:#f2f2f2;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container:where(.astro-OHOWJL3I){background:#fff;border-radius:5px;box-shadow:0 2px 5px #0000004d;width:90%;max-width:25rem;opacity:0;transition:opacity .3s ease}.container:where(.astro-OHOWJL3I).show{opacity:1}.tabs:where(.astro-OHOWJL3I){display:flex}.tab:where(.astro-OHOWJL3I){flex:1;padding:10px 20px;text-align:center;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}.tab:where(.astro-OHOWJL3I).active{background:#5c6bc0;color:#fff}.form-container:where(.astro-OHOWJL3I){padding:20px;transition:height .3s ease;overflow:hidden;height:auto;display:none}.form-container:where(.astro-OHOWJL3I).show{display:block}h2:where(.astro-OHOWJL3I){color:#333;font-weight:700;margin-bottom:20px;text-align:center}input:where(.astro-OHOWJL3I){border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-bottom:10px;padding:10px;width:100%}button:where(.astro-OHOWJL3I){background:#5c6bc0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px;width:100%}button:where(.astro-OHOWJL3I):hover{background:#7986cb}.message:where(.astro-OHOWJL3I){color:red;text-align:center;margin-bottom:10px}