.security-page{--security-line:color-mix(in srgb, var(--color-surface-500) 22%, transparent)}.security-hero{background:radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--color-accent-500) 12%, transparent), transparent 65%)}.security-circuit{pointer-events:none;opacity:.45;background-image:linear-gradient(var(--security-line) 1px, transparent 1px), linear-gradient(90deg, var(--security-line) 1px, transparent 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 25%,#000 85%);mask-image:radial-gradient(#0000 25%,#000 85%)}.security-console{border:1px solid var(--security-line);background:linear-gradient(135deg, var(--color-surface-900), var(--color-surface-950));box-shadow:0 0 0 6px color-mix(in srgb, var(--color-surface-500) 4%, transparent), 0 35px 100px -50px color-mix(in srgb, var(--color-accent-500) 40%, transparent);border-radius:14px;position:relative;overflow:hidden}.security-flow{animation:9s linear infinite security-trace}@keyframes security-trace{to{stroke-dashoffset:-370px}}.security-feature{background:radial-gradient(ellipse at top right, color-mix(in srgb, var(--color-accent-500) 6%, transparent), transparent 65%), var(--color-surface-900)}.security-step{border:1px solid var(--security-line);border-radius:12px;position:relative;overflow:hidden}.security-step:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent-400) 50%, transparent), transparent);width:100%;height:1px;position:absolute;top:0;left:0}.security-page details summary{justify-content:space-between;align-items:center;gap:24px;list-style:none;display:flex}.security-page details summary::-webkit-details-marker{display:none}.security-page details summary:after{content:"+";color:var(--color-surface-400);font-family:monospace;font-size:22px;font-weight:400}.security-page details[open] summary:after{content:"−";color:var(--color-accent-400)}@media (prefers-reduced-motion:reduce){.security-flow{animation:none}}
