.hero-alert{background:var(--surface);border-bottom:1px solid var(--border);padding:44px 0 32px}.hero-alert h1{font-family:var(--font-serif);color:var(--ink-900);letter-spacing:0;margin-bottom:8px;font-size:2.1rem;font-weight:700}.hero-alert p{color:var(--ink-600);max-width:64ch;font-size:1rem}.alert-layout{grid-template-columns:1.1fr .9fr;gap:32px;padding:36px 0 80px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-label{color:var(--ink-800);font-size:.8125rem;font-weight:700}.form-control{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-900);outline:none;padding:10px 14px;font-size:.875rem;transition:all .15s}.form-control:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px var(--primary-100)}.alert-demo-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);margin-bottom:12px;padding:16px;transition:all .15s}.alert-demo-item:hover{border-color:var(--primary-400);background:var(--surface)}.alert-demo-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.alert-demo-title{color:var(--ink-900);font-size:.9375rem;font-weight:800}.alert-demo-desc{color:var(--ink-600);font-size:.7813rem;line-height:1.5}@media (max-width:960px){.alert-layout{grid-template-columns:1fr}}