.demo-main{max-width:900px;padding-bottom:80px}.demo-main .signup-card{display:grid;gap:20px}.demo-main label{display:grid;gap:8px}.demo-main input:not([type=checkbox]),.demo-main textarea{width:100%;min-width:0;padding:12px;border:1px solid #395168;border-radius:6px;background:#091321;color:#edf3fa;font:inherit}.demo-main .check-option{display:flex;align-items:flex-start}.demo-main input[type=checkbox]{margin-top:5px}.demo-main h2{font-size:28px}.demo-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#demo-status{margin:0;white-space:pre-wrap}.demo-main a{text-decoration:underline}.demo-main .button{justify-self:start}
#demo-status{display:flex;align-items:flex-start;gap:16px;padding:22px;border:1px solid #456783;border-radius:10px;background:#132b40;color:#d7eaff;white-space:normal;scroll-margin-block:24px}
#demo-status[hidden]{display:none}
#demo-status[data-state=success]{background:#173b30;border-color:#7fa888;color:#e2f3df}
#demo-status[data-state=error]{background:#3a2428;border-color:#c5817e;color:#ffe0db}
.demo-status-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;font-size:22px;line-height:1}
#demo-status .demo-status-title{margin:0 0 7px;font-size:20px;line-height:1.3;font-weight:700;letter-spacing:0}
#demo-status .demo-status-message{margin:0;font-size:14px;line-height:1.7;color:inherit}
#demo-status:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:480px){#demo-status{padding:18px;gap:12px}.demo-status-icon{width:28px;height:28px;font-size:18px}#demo-status .demo-status-title{font-size:18px}}