:root{color:#0f172a;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.page{min-height:100vh}.hero{background:linear-gradient(135deg,#fff 0%,#ecfeff 100%);border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 360px;gap:24px;padding:32px max(24px,50vw - 640px);display:grid}.brand-row{align-items:center;gap:16px;display:flex}.brand-icon{color:#0e7490;background:#cffafe;border-radius:22px;place-items:center;width:64px;height:64px;display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#0e7490;margin:0 0 6px;font-size:13px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.03}.definition{color:#475569;max-width:850px;margin:20px 0 0;line-height:1.7}.status-panel{background:#ffffffd6;border:1px solid #dbeafe;border-radius:24px;align-self:center;padding:18px;box-shadow:0 18px 45px #0f172a0f}.status-panel div{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.status-panel div:last-child{border-bottom:0}.status-panel span{color:#64748b;font-size:13px}.status-panel b{text-align:right;font-size:13px}.pill{background:#e2e8f0;border-radius:999px;padding:5px 10px}.pill.low{color:#166534;background:#dcfce7}.pill.elevated{color:#854d0e;background:#fef9c3}.pill.high{color:#9a3412;background:#fed7aa}.pill.critical{color:#991b1b;background:#fee2e2}.layout{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:24px;padding:28px max(24px,50vw - 640px);display:grid}.form-stack,.side-stack{align-content:start;gap:20px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 12px 35px #0f172a0b}.section-title{color:#0f172a;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-title svg{color:#0e7490;width:22px;height:22px}h2{letter-spacing:-.02em;margin:0;font-size:21px}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{color:#334155;gap:8px;font-size:14px;font-weight:700;display:grid}.field input,.field select,.field textarea,input,select,textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:12px 13px}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #cffafe}textarea{resize:vertical;min-height:130px}.check-row{color:#334155;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;padding:13px;font-size:14px;font-weight:700;display:flex}.check-row input,.check-card input{width:auto}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.check-card{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;padding:13px;font-size:14px;display:flex}.note{color:#155e75;background:#ecfeff;border-radius:16px;align-items:center;gap:10px;margin-top:14px;padding:13px;font-size:14px;display:flex}.submit-card{color:#fff;background:#0f172a;border-radius:24px;gap:14px;padding:22px;display:grid}.submit-card p{color:#cbd5e1;margin:0;line-height:1.6}.submit-card button{color:#fff;cursor:pointer;background:#06b6d4;border:0;border-radius:14px;justify-self:start;align-items:center;gap:9px;padding:12px 16px;font-weight:800;display:inline-flex}.submit-card button:disabled{opacity:.65;cursor:wait}.submit-message{background:#ffffff1a;border-radius:14px;align-items:center;gap:8px;padding:11px 13px;font-size:14px;display:inline-flex}.submit-message.error{background:#ef44442e}.submit-message.success{background:#22c55e2e}.sticky{position:sticky;top:18px}pre{color:#e2e8f0;background:#020617;border-radius:18px;max-height:560px;margin:0;padding:18px;font-size:12px;line-height:1.55;overflow:auto}.mapping{gap:10px;display:grid}.mapping p{color:#475569;border:1px solid #e2e8f0;border-radius:14px;margin:0;padding:12px;line-height:1.55}@media (width<=980px){.hero,.layout{grid-template-columns:1fr}.status-panel{width:100%}.grid.two,.grid.three,.check-grid{grid-template-columns:1fr}.sticky{position:static}}
