/* Sign-in extras (code screen, forgot, reset) and the Security page */
.sec-card .card{position:relative;}
.sec-lead{font-size:13.5px;line-height:1.6;color:var(--text-dim);margin:0 0 16px;}
.sec-lead b{color:var(--text);}
.sec-faint{font-size:12px;color:var(--text-faint);}
.sec-info{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25);color:#86efac;font-size:13px;padding:11px 14px;border-radius:10px;margin-bottom:16px;}
.sec-code{font:600 26px/1 'Space Grotesk',Inter,monospace !important;letter-spacing:.35em;text-align:center;padding:14px 10px !important;}
.sec-code.rec{font-size:18px !important;letter-spacing:.12em;}
.sec-remember{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;color:var(--text-dim);cursor:pointer;}
.sec-remember input{width:15px;height:15px;accent-color:var(--accent);}
.sec-alt{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:16px;font-size:12.5px;color:var(--text-faint);}
.sec-alt a,.sec-link{color:var(--accent-2);background:none;border:0;padding:0;font:inherit;font-size:12.5px;cursor:pointer;text-decoration:none;}
.sec-alt a:hover,.sec-link:hover{text-decoration:underline;}
.sec-cancel{text-align:center;margin-top:10px;}
.sec-cancel .sec-link{color:var(--text-faint);}
.sec-who{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);margin-bottom:16px;}
.sec-who > span{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));}
.sec-who b{display:block;font-size:13.5px;color:var(--text);}
.sec-who small{font-size:12px;color:var(--text-faint);}
.sec-done{text-align:center;padding:6px 4px;}
.sec-done h2{font:700 18px 'Space Grotesk',Inter,sans-serif;margin:12px 0 6px;color:var(--text);}
.sec-done p{font-size:13.5px;line-height:1.6;color:var(--text-dim);margin:0 0 6px;}
.sec-ico{width:52px;height:52px;margin:0 auto;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-2);}
.sec-ico.ok{background:rgba(74,222,128,.13);color:#86efac;}
.sec-ico.bad{background:rgba(248,113,113,.13);color:#fca5a5;}
.sec-meter{height:4px;border-radius:4px;background:rgba(255,255,255,.07);margin-top:8px;overflow:hidden;}
.sec-meter i{display:block;height:100%;width:0;transition:width .25s,background .25s;}
.sec-meter i.weak{background:#f87171;} .sec-meter i.ok{background:#e6b31e;} .sec-meter i.good{background:#4ade80;}
.login-foot a{color:var(--accent-2);text-decoration:none;}
.login-forgot{display:block;text-align:right;font-size:12px;margin-top:8px;color:var(--accent-2);text-decoration:none;}
.login-forgot:hover{text-decoration:underline;}

/* Security page */
.sc-card{background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin-bottom:18px;}
.sc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.sc-head h2{font:700 17px/1.3 'Space Grotesk',Inter,sans-serif;margin:0;color:var(--text);display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.sc-head p{margin:5px 0 0;font-size:13px;line-height:1.55;color:var(--text-dim);max-width:640px;}
.sc-head p b{color:var(--text);}
.sc-card > .sc-head:last-child{margin-bottom:0;}
.sc-loading,.sc-faint{font-size:13px;color:var(--text-faint);}
.sc-pill{font:700 10.5px Inter,sans-serif;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--text-dim);letter-spacing:.02em;}
.sc-pill.on{background:rgba(74,222,128,.13);color:#86efac;}
.sc-alert{padding:12px 15px;border-radius:12px;border:1px solid var(--line-strong);background:rgba(255,255,255,.03);font-size:13px;color:var(--text-dim);margin-bottom:16px;}
.sc-alert b{color:var(--text);}
.sc-alert.warn{border-color:rgba(230,179,30,.4);background:rgba(230,179,30,.07);}
.sc-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.sc-method{text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:15px;border:1px solid var(--line-strong);background:rgba(255,255,255,.025);cursor:pointer;transition:.15s;}
.sc-method:hover:not([disabled]):not(.off){border-color:var(--accent-2);background:color-mix(in srgb,var(--accent) 7%,transparent);transform:translateY(-1px);}
.sc-method[disabled],.sc-method.off{opacity:.5;cursor:default;}
.sc-method b{font-size:14px;color:var(--text);}
.sc-method b em{font-style:normal;font:700 10px Inter,sans-serif;padding:2px 7px;border-radius:999px;background:rgba(74,222,128,.13);color:#86efac;margin-left:6px;vertical-align:2px;}
.sc-method small{font-size:12px;line-height:1.5;color:var(--text-dim);}
.sc-mico{font-size:22px;}
.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.sc-tile{padding:14px 15px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:3px;align-items:flex-start;}
.sc-tile b{font:700 15px 'Space Grotesk',Inter,sans-serif;color:var(--text);}
.sc-tile small{font-size:12px;color:var(--text-faint);margin-bottom:8px;}
.sc-tile.warn{border-color:rgba(230,179,30,.35);}
.sc-foot{margin-top:14px;}
.sc-link{background:none;border:0;padding:0;color:var(--accent-2);font:600 12.5px Inter,sans-serif;cursor:pointer;}
.sc-link.bad{color:#fca5a5;}
.sc-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:16px;font-size:13.5px;color:var(--text-dim);line-height:1.55;}
.sc-steps b{color:var(--text);}
.sc-qr-wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:12px;}
.sc-qr{width:196px;height:196px;padding:8px;border-radius:14px;background:#fff;flex-shrink:0;}
.sc-qr svg{width:100%;height:100%;display:block;}
.sc-key{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.sc-key small{font-size:12px;color:var(--text-faint);}
.sc-key code{font:600 15px 'Space Grotesk',monospace;letter-spacing:.06em;padding:8px 12px;border-radius:9px;background:rgba(255,255,255,.06);color:var(--text);word-break:break-all;}
.sc-mobile{display:none;}
@media (hover:none){.sc-mobile{display:inline-flex;}}
.sc-confirm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;}
.sc-confirm input{max-width:220px;}
.sc-danger{background:rgba(248,113,113,.15);border:1px solid rgba(248,113,113,.4);color:#fecaca;}
.sc-codes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px dashed var(--line-strong);}
.sc-codes code{font:600 14px 'Space Grotesk',monospace;text-align:center;padding:8px 4px;border-radius:8px;background:rgba(255,255,255,.05);color:var(--text);letter-spacing:.05em;}
.sc-codes-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;}
.sc-sp{flex:1;}
.sc-ack{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-dim);cursor:pointer;}
.sc-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 2px;border-top:1px solid var(--line);}
.sc-row:first-of-type{border-top:0;}
.sc-row b{display:block;font-size:13.5px;color:var(--text);}
.sc-row small{display:block;font-size:12px;color:var(--text-faint);margin-top:2px;}
.sc-dico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);font-weight:700;color:var(--text-dim);}
.sc-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.sc-pol{display:flex;flex-direction:column;gap:3px;padding:13px 14px;border-radius:13px;border:1px solid var(--line-strong);cursor:pointer;}
.sc-pol input{display:none;}
.sc-pol b{font-size:13.5px;color:var(--text);}
.sc-pol small{font-size:12px;color:var(--text-faint);}
.sc-pol.on{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent) 9%,transparent);}
@media (max-width:760px){
  .sc-card{padding:16px;}
  .sc-methods,.sc-grid,.sc-policy{grid-template-columns:1fr;}
  .sc-codes{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sc-qr-wrap{flex-direction:column;align-items:flex-start;}
  .sc-row{grid-template-columns:auto minmax(0,1fr) auto;}
  .sc-row > .sc-pill{display:none;}
}