.protection-center{--guard-line:#294552;--guard-muted:#a9c0cf;margin-bottom:32px}.guard-hero{position:relative;overflow:hidden;border:1px solid #326276;border-radius:22px;padding:32px;background:linear-gradient(100deg,#071721 15%,#0d3348e6 70%,#102b46),url('/assets/jdn-banner-v2.png') center/cover}.guard-hero h2{font-size:clamp(24px,3vw,38px);letter-spacing:-.035em;max-width:650px;margin:10px 0}.guard-hero p{max-width:670px;color:#c0dce8;line-height:1.6}.guard-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#62d8f5;font-weight:750}.guard-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.guard-badges span{font-size:12px;padding:8px 12px;background:#072a37;border:1px solid #29536b;border-radius:99px;color:#9ce8ef}.guard-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.guard-toolbar input{flex:1;min-width:200px}.guard-toolbar select{width:auto}.guard-toolbar [aria-pressed=true]{background:#143e55;color:#abf2ff;border-color:#55d2f1}.guard-workspace{display:grid;grid-template-columns:minmax(245px, .85fr) minmax(0,1.8fr);border:1px solid var(--guard-line);border-radius:18px;overflow:hidden;background:#0a1822}.guard-list{padding:18px;background:#08151e;max-height:870px;overflow:auto}.guard-list h3{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--guard-muted);margin:22px 10px 10px}.guard-rule{display:block;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;color:#e2eaf0;padding:12px;margin:3px 0;cursor:pointer;font:inherit;font-size:13px}.guard-rule small{display:block;color:#7e9baa;font-size:11px;padding:5px 0 0 16px}.guard-rule:hover{background:#132b3b}.guard-rule[aria-pressed=true]{background:#153546;border-color:#24566d;color:#76e5ff}.guard-detail{padding:28px;min-width:0;border:1px solid var(--guard-line);border-radius:16px;background:#0d202c}.guard-workspace .guard-detail{border:0;border-left:1px solid var(--guard-line);border-radius:0}.guard-detail h3{font-size:23px;margin:10px 0 20px;letter-spacing:-.02em}.guard-detail h4{font-size:13px;color:#99cadf;margin:27px 0 14px}.guard-detail label{display:flex;flex-direction:column;gap:9px;color:#d4e6f0;margin:15px 0;font-size:13px}.guard-detail label:has(input[type=checkbox]){flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.guard-detail input[type=checkbox]{accent-color:#4bd3ed;width:20px;height:20px;flex-shrink:0}.guard-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guard-summary{margin:18px 0;padding:18px;background:#102f3e;border:1px solid #2d6174;border-radius:12px}.guard-summary p,.guard-detail p{font-size:13px;line-height:1.7}.guard-hint{color:var(--guard-muted)}.guard-warning{padding:12px;border-left:3px solid #e7b768;color:#f1d6a5;background:#382c184d}.guard-detail>.button{margin:12px 10px 0 0}.guard-event{padding:15px 0;border-top:1px solid var(--guard-line);overflow-wrap:anywhere}.guard-event-status{display:inline-block;margin-left:12px;padding:4px 8px;border-radius:6px;font-size:11px;background:#16404e;color:#9cecfa}.guard-event.is-simulation .guard-event-status{background:#463b23;color:#ffdc96}.guard-event p,.guard-event small{color:var(--guard-muted)}.protection-legacy-title{font-size:18px;margin:30px 0 15px}.protection-center :focus-visible{outline:2px solid #67dfff;outline-offset:3px}@media(max-width:850px){.guard-workspace{grid-template-columns:1fr}.guard-list{max-height:300px}.guard-workspace .guard-detail{border-left:0;border-top:1px solid var(--guard-line)}.guard-hero,.guard-detail{padding:20px}.guard-form-grid{gap:10px}.guard-toolbar .button{flex:1}.guard-event-status{margin:8px 0;display:table}}
.guard-toolbar input[type=search]{background:#091b28;border:1px solid #345565;border-radius:10px;color:#e0f1fa;padding:13px 15px;font:inherit;min-width:0}.guard-toolbar input[type=search]::placeholder{color:#9bb3c2}.guard-list{scrollbar-width:thin;scrollbar-color:#31566a #08151e}
