.security-workspace{--security-accent:var(--ev-accent,#e7d4b0);max-width:1180px;margin:auto;padding:20px 0 55px}
body:has(.security-workspace)>.p-skip:not(:focus){top:-100px}
.security-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,88px);align-items:start;margin-top:36px}
.security-context{min-width:0;padding-top:5px}
.security-illustration{position:relative;display:grid;place-items:center;height:200px;max-width:340px;margin:-15px 0 28px;background:radial-gradient(ellipse,color-mix(in srgb,var(--security-accent) 9%,transparent),transparent 64%)}
.security-orbit{position:absolute;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--security-accent) 16%,transparent);border-radius:50%;transform:rotateX(56deg) rotate(-24deg)}
.security-orbit.two{width:240px;height:240px;transform:rotateX(53deg) rotate(24deg);opacity:.5}
.security-shield{width:105px;height:116px;border:1px solid color-mix(in srgb,var(--security-accent) 42%,transparent);border-radius:30px 30px 42px 42px;display:grid;place-items:center;background:linear-gradient(145deg,#2b2925,#101010 65%);box-shadow:inset 0 1px 0 #ffffff25,0 18px 55px #0008;transform:rotate(-8deg)}
.security-shield .p-icon{width:55px;height:55px;color:var(--security-accent);stroke-width:1.2}
.security-illustration-label{position:absolute;top:16px;left:0;font-size:8px;letter-spacing:.17em;color:#777}
.security-illustration-dot{position:absolute;right:55px;bottom:32px;width:6px;height:6px;border-radius:50%;background:var(--security-accent);box-shadow:0 0 12px var(--security-accent)}
.security-eyebrow{margin:0 0 15px;color:var(--security-accent);font-size:9px;font-weight:700;letter-spacing:.16em;line-height:1.8}
.security-context h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.05em;margin:0 0 18px;color:#f2f2f2}
.security-context-copy{max-width:350px;font-size:13px;line-height:1.85;color:#999;margin:0}
.security-steps{list-style:none;padding:0;margin:32px 0;display:grid;gap:23px}
.security-steps li{position:relative;display:flex;align-items:center;gap:14px}
.security-steps li:not(:last-child):after{content:'';position:absolute;left:15px;top:36px;width:1px;height:22px;background:#ffffff13}
.security-steps li>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #ffffff16;border-radius:50%;font:500 10px ui-monospace,monospace;color:#777}
.security-steps .p-icon{width:14px;height:14px}
.security-steps strong{display:block;font-size:12px;font-weight:600;color:#777}
.security-steps small{display:block;margin-top:4px;font-size:11px;color:#666}
.security-steps .is-complete>span{border-color:#c8d1bd35;color:#c0d1b4;background:#bed49c08}
.security-steps .is-complete strong{color:#aaa}
.security-steps .is-current>span{border-color:color-mix(in srgb,var(--security-accent) 50%,transparent);color:var(--security-accent);background:color-mix(in srgb,var(--security-accent) 8%,transparent)}
.security-steps .is-current strong{color:#eee}
.security-account{display:flex;gap:12px;align-items:center;padding-top:22px;border-top:1px solid #ffffff13;max-width:350px}
.security-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #ffffff22;background:#ffffff05;border-radius:12px;font-size:11px;color:#bbb}
.security-account strong,.security-account div>span{display:block}
.security-account strong{font-size:12px;color:#ddd;overflow-wrap:anywhere}
.security-account div>span{font-size:10px;color:#777;margin-top:5px}
.security-account>.p-icon{margin-left:auto;width:14px;height:14px;color:#777;flex:none}
.security-panel.p-card{min-width:0;overflow:hidden;border-radius:22px!important;border-color:color-mix(in srgb,var(--security-accent) 25%,#ffffff09)!important;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--security-accent) 5%,transparent),transparent 45%),linear-gradient(155deg,#151515,#0b0b0b)!important;box-shadow:0 25px 90px #0004,inset 0 1px 0 #ffffff08!important}
.security-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 28px;border-bottom:1px solid #ffffff0d}
.security-panel-label{display:flex;gap:8px;align-items:center;color:#777;font-size:8px;font-weight:600;letter-spacing:.12em}
.security-panel-label .p-icon{width:12px;height:12px}
.security-state{display:inline-flex;gap:7px;align-items:center;color:#aaa;font-size:9px;white-space:nowrap}
.security-state i{width:5px;height:5px;border-radius:50%;background:var(--security-accent)}
.security-state.is-verified i{background:#b6d29e}
.security-panel-content{padding:36px}
.security-panel-content h2{font-size:clamp(23px,2.5vw,29px);letter-spacing:-.045em;line-height:1.2;margin:0 0 14px;color:#f3f3f3}
.security-description{font-size:13px;color:#999;line-height:1.8;margin:0 0 28px}
.security-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px;border:1px solid #ffffff14;border-radius:12px;background:#080808;margin-bottom:30px}
.security-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 6px;min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;color:#888;font-family:inherit;font-size:11px;font-weight:500;cursor:pointer}
.security-tab .p-icon{width:14px;height:14px}
.security-tab[aria-selected=true]{background:#262626;border-color:#ffffff17;color:#eee;box-shadow:0 2px 8px #0005}
.security-tab:disabled{cursor:wait;opacity:.6}
.security-workspace :is(button,a,input,summary):focus-visible{outline:2px solid var(--security-accent);outline-offset:4px}
.security-form{display:grid;gap:0;margin:0}.security-form[hidden]{display:none}
.security-field{display:block;color:#bbb;font-size:11px;font-weight:500;margin-bottom:11px}
.security-workspace .security-code-input,.security-workspace .security-recovery-input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ffffff26;border-radius:12px;background:#080808;color:#eee;box-shadow:inset 0 2px 6px #0005;transition:border-color .2s,box-shadow .2s}
.security-workspace .security-code-input{height:80px;text-align:center;font:400 32px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.45em;padding:0 12px 0 26px}
.security-code-input::placeholder{color:#444;opacity:1}
.security-workspace .security-recovery-input{height:58px;font:400 clamp(12px,1.2vw,15px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;padding:0 15px;letter-spacing:.015em}
.security-recovery-input::placeholder{color:#555;opacity:1}
.security-workspace input:focus{border-color:color-mix(in srgb,var(--security-accent) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--security-accent) 6%,transparent)}
.security-workspace input[aria-invalid=true]{border-color:#bf8175}
.security-help{font-size:10px;line-height:1.8;color:#777;margin:12px 0 0}.security-centered{text-align:center}
.security-submit.p-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;border-radius:10px;margin-top:26px;font-size:12px;font-weight:700}
.security-submit .p-icon{width:15px;height:15px}.security-submit:disabled{opacity:.4;cursor:not-allowed}
.security-feedback{margin:16px 0 0;padding:12px 14px;border:1px solid #bc7c6d40;border-radius:9px;background:#bc7c6d0a;color:#e0b4a8;font-size:12px;line-height:1.7}
.security-tip{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff0c}
.security-tip>.p-icon{width:14px;height:14px;flex:none;color:#777;margin-top:2px}.security-tip p{font-size:10px;line-height:1.8;color:#777;margin:0}
.security-panel-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-top:1px solid #ffffff0d;background:#ffffff02;color:#6f6f6f;font-size:9px;line-height:1.6;text-align:center}
.security-panel-footer .p-icon{width:13px;height:13px;flex:none}
.security-recovery-count{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;margin-top:18px;color:#888}.security-recovery-count .p-icon{width:14px;height:14px}.security-recovery-count strong{color:#bbb;font-weight:500}
.security-success-icon{display:grid;place-items:center;margin:20px auto 28px;width:72px;height:72px;border-radius:24px;background:#c4dca608;border:1px solid #c4dca630;color:#c2d4b4}.security-success-icon .p-icon{width:36px;height:36px;stroke-width:1.3}
.security-session-details{display:grid;gap:0;border:1px solid #ffffff13;border-radius:12px;padding:2px 16px}.security-session-details>div{display:flex;gap:18px;justify-content:space-between;padding:15px 0;font-size:11px}.security-session-details>div+div{border-top:1px solid #ffffff0b}.security-session-details span{color:#888}.security-session-details strong{color:#ddd;font-size:11px;font-weight:500;text-align:right}
.security-setup-list{display:grid;gap:22px;margin:30px 0}.security-setup-list>div{display:flex;gap:13px;align-items:flex-start}.security-setup-list .p-icon{width:20px;height:20px;margin-top:2px;flex:none;color:var(--security-accent)}.security-setup-list p{margin:0}.security-setup-list strong{display:block;font-size:12px;font-weight:600;color:#ddd}.security-setup-list span{display:block;margin-top:6px;font-size:11px;line-height:1.8;color:#888}
.security-info{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #ffffff12;border-radius:11px;margin:22px 0;background:#ffffff02}.security-info .p-icon{flex:none;width:17px;height:17px;color:var(--security-accent);margin-top:2px}.security-info p{margin:0;color:#aaa;font-size:11px;line-height:1.8}
.security-qr-frame{display:grid;justify-items:center;gap:18px;padding:22px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff02;margin:24px 0}.security-qr-frame #factorQr{width:min(210px,100%);padding:12px;background:#fff;box-sizing:border-box;border-radius:10px}.security-qr-frame img{display:block;width:100%;height:auto}.security-qr-frame>span{font-size:8px;letter-spacing:.13em;color:#777}
.security-manual-key{margin:20px 0 28px;border-bottom:1px solid #ffffff10;padding-bottom:20px}.security-manual-key summary{color:#aaa;font-size:11px;cursor:pointer;line-height:1.7}.security-manual-key>p{color:#888;font-size:11px;line-height:1.8}.security-manual-key .security-secret{font:400 12px/1.8 ui-monospace,monospace;overflow-wrap:anywhere;user-select:all;color:#ddd;padding:12px;border:1px solid #ffffff18;border-radius:8px;background:#090909}
.security-recovery-list{padding:18px;border:1px solid #ffffff18;border-radius:12px;background:#080808;white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/2.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#ddd;user-select:all}
.security-download.p-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:11px;margin-top:15px;min-height:42px}.security-saved{display:flex;align-items:flex-start;gap:10px;margin-top:24px;color:#aaa;font-size:11px;line-height:1.8}.security-saved input{margin:3px 0 0;accent-color:var(--security-accent);width:14px;height:14px;flex:none}
@media(max-width:1100px){.security-layout{gap:34px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.security-panel-content{padding:28px}.security-panel-top{padding:20px 24px}.security-context-copy{font-size:12px}}
@media(max-width:800px){.security-workspace{padding-top:0}.security-layout{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:24px}.security-context{display:flex;align-items:center;gap:15px;padding:0}.security-illustration,.security-context>.security-eyebrow,.security-context>h2,.security-context-copy,.security-steps{display:none}.security-account{max-width:none;width:100%;padding:0 0 20px;border-top:0;border-bottom:1px solid #ffffff13}.security-panel{max-width:620px;width:100%;justify-self:center}.security-panel-content{padding:28px}.security-panel-top{padding:19px 24px}}
@media(max-width:420px){.security-panel-content{padding:25px 20px}.security-panel-top{padding:17px 20px;gap:10px}.security-panel-label{font-size:7px;letter-spacing:.09em}.security-state{font-size:8px}.security-panel-content h2{font-size:24px}.security-description{font-size:12px}.security-tab{font-size:10px;gap:6px}.security-workspace .security-code-input{height:74px;font-size:29px;letter-spacing:.35em;padding-left:22px}.security-panel-footer{font-size:8px;padding:15px 18px}.security-session-details>div,.security-session-details strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.security-workspace *{transition:none!important}}