/* GATEv2 (Sep 12 2026) — the ONE sign-in / unlock look for every 3andFour page.
   Loaded by the personal root sign-in, enroll, the hub and every personal page
   (the work dashboard carries the same rules in assets/work/css/dashboard.css).
   Overlay: slate surface with the green and orange brand glows. Card: white,
   18px radius, green→orange top stripe, "3&4" mark, orange brand crumb, Playfair
   title, Inter body, full-width green button. The rules are written with both
   class and id-scoped selectors so no page-local rule can outrank them. */
#authgate,#gate:not(.gate),#plock,.gover{background:#f8fafc;background-image:radial-gradient(circle at 88% 8%,rgba(1,69,57,.11),transparent 42%),radial-gradient(circle at 8% 96%,rgba(255,93,53,.10),transparent 40%)}
.gcard,.pcard,#loginBox,#gate .gcard,#gate .pcard,#plock .pcard{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:32px 36px 28px;max-width:420px;width:100%;box-shadow:0 10px 34px rgba(0,0,0,.08);text-align:center;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0f172a}
.gcard::before,.pcard::before,#loginBox::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#014539 0%,#0a5d4e 62%,#FF5D35 100%)}
.gmark{width:46px;height:46px;border-radius:13px;background:#014539;margin:2px auto 14px;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:19px;letter-spacing:-.02em}
.gmark::after{content:'';position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#FF5D35}
.gbrand{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#FF5D35;margin-bottom:8px}
.gcard h2,.pcard h2,#loginBox h1,#gate h2,#plock h2,#gate .gcard h2,#plock .pcard h2{font-family:'Playfair Display',Georgia,serif;color:#014539;font-size:24px;font-weight:700;margin:0 0 6px;line-height:1.2;display:block;text-align:center}
.gcard p,.pcard p,#loginBox .gsub,#gate p,#plock p{font-size:13.5px;color:#64748b;margin:0 0 18px;line-height:1.55}
.gcard a,.pcard button,.pcard a.btn,#loginBtn,#gate a,#plock button,#plock a.btn,#gate .gcard a,#plock .pcard button{display:block;width:100%;border:0;background:#014539;color:#fff;font:inherit;font-size:14.5px;font-weight:700;border-radius:11px;padding:12px 22px;cursor:pointer;text-decoration:none;transition:background .12s;box-sizing:border-box;line-height:1.3}
.gcard a:hover,.pcard button:hover,.pcard a.btn:hover,#loginBtn:hover,#gate a:hover,#plock button:hover{background:#0a5d4e}
.pcard button:disabled,#loginBtn:disabled{opacity:.7;cursor:default}
.pcard .perr,#loginErr,#plock .perr,.gcard .perr{color:#c23b3b;font-size:12.5px;margin-top:12px;min-height:16px}
.pcard input,.gcard input{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:11px;padding:12px;font:inherit;font-size:15px;text-align:center;margin-bottom:10px;box-sizing:border-box}
.pcard .glink,.gcard .glink{display:inline-block;width:auto;background:none;color:#014539;font-size:13px;font-weight:700;margin-top:14px;padding:0;text-decoration:none}
.pcard .glink:hover,.gcard .glink:hover{background:none;text-decoration:underline}
#loginLoading,.gload{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#64748b;font-size:13.5px;text-align:center}
@keyframes revspin{to{transform:rotate(360deg)}}
.gspin{width:42px;height:42px;border:4px solid #e6edf3;border-top-color:#014539;border-radius:50%;margin:0 auto 14px;animation:revspin .8s linear infinite}