.notification-intro{margin:22px 0;padding:32px;border-radius:18px;background:#111d29;color:#fff}.notification-intro h1{margin:7px 0 10px;font-size:36px}.notification-intro p:last-child{color:#cad1d8;line-height:1.7}.notification-settings{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin:24px 0}.notification-settings form,.notification-guide{padding:26px;border:1px solid #dfe3e7;border-radius:16px;background:#fff}.notification-settings form:not([hidden]){display:block}.notification-settings h2{margin-top:0}.channel-option,.category-option{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eaedef}.channel-option input,.category-option input{width:18px;height:18px;margin-top:3px;accent-color:#9a762c}.channel-option strong,.category-option strong{display:block}.channel-option small,.category-option small,.notification-settings p,.notification-guide li{color:#687383;line-height:1.65}.notification-categories{margin:18px 0;padding:0;border:0}.notification-categories legend{font-weight:900}.notification-settings button[type=submit]{width:100%;min-height:48px;border:0;border-radius:9px;background:#111d29;color:#fff;font-weight:900}.push-unavailable{margin-top:22px;padding:17px;border:1px dashed #c7cdd2;border-radius:10px;background:#f7f8f8}.push-unavailable strong{display:block}.notification-guide ul{padding-left:20px}.notification-settings [role=status]{grid-column:1/-1;min-height:24px}@media(max-width:760px){.notification-intro{padding:24px 20px}.notification-intro h1{font-size:29px}.notification-settings{grid-template-columns:1fr}.notification-settings form,.notification-guide{padding:20px 16px}.notification-settings [role=status]{grid-column:auto}}