.notification-panel{max-width:850px;margin:auto;padding:28px;border:1px solid #9eb6c9;border-top:3px solid #46bdf4;border-radius:8px;background:linear-gradient(135deg,#172b40,#081421);box-shadow:0 15px 35px #0005}.notification-panel h1{font-size:clamp(34px,6vw,64px)}.notification-panel p{line-height:1.7;color:#c7d7e3}.notification-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;border:0;padding:0}.notification-options label{padding:16px;background:#ffffff08;border:1px solid #55728c;border-radius:5px;display:flex;gap:12px;align-items:center}.notification-options input{width:20px;height:20px;accent-color:#25a9ef}.notification-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.notification-panel .error{color:#ffb6b6}.notification-panel form>label{display:block;margin:20px 0}.notification-panel input:not([type=checkbox]),.notification-panel textarea,.notification-panel select{display:block;width:100%;padding:14px;margin-top:8px;background:#07121d;color:#fff;border:1px solid #819fb8;border-radius:4px;font:inherit}.notification-panel textarea{min-height:110px}.notification-panel button:disabled{opacity:.55;cursor:default}.notification-panel :focus-visible{outline:3px solid #7ed6ff;outline-offset:3px}.notification-fineprint{font-size:13px}.notification-preview{padding:20px;border:1px solid #8da8bc;background:#122b40;border-radius:6px}.notification-preview h2{font-size:22px}.notification-stats{padding:16px;background:#ffffff08;border-left:3px solid #30bfff}@media(max-width:600px){.notification-panel{padding:22px}.notification-options{grid-template-columns:1fr}}

.notification-panel [hidden]{display:none!important}