/* bkau1 DGJ_BIG1_AUTH_V1 sign-in, from /workspace/mockup/auth-v2 (approved); generated by bkau1/_build.py */
.bka,.bka *{box-sizing:border-box;margin:0;padding:0}.bka{margin:0;font-family:Inter,system-ui,sans-serif;color:#0b1220}
.bka{position:relative;overflow:hidden;padding:64px 0 76px;background:
 radial-gradient(600px 380px at 18% 8%,rgba(34,211,238,.13),transparent 70%),
 radial-gradient(700px 420px at 86% 92%,rgba(37,99,235,.10),transparent 70%),#f4f6fa}
.bka:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(15,23,42,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 45%,#000 30%,transparent 80%)}
.bka .crumb{position:relative;width:min(1080px,calc(100% - 32px));margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b}
.bka .crumb b{color:#0f172a;font-weight:600}
.bka .crumb .sec{display:flex;gap:7px;align-items:center;color:#0f766e;font-weight:500;background:#ecfdf5;border:1px solid #c7f0de;padding:5px 11px;border-radius:999px;font-size:12.5px}
.bka .card{position:relative;width:min(1080px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:440px 1fr;background:#fff;border-radius:20px;overflow:hidden;
 box-shadow:0 0 0 1px rgba(15,23,42,.06),0 2px 4px rgba(15,23,42,.04),0 12px 24px -6px rgba(15,23,42,.08),0 40px 80px -24px rgba(15,40,90,.22)}
.bka .side{position:relative;padding:44px 42px 38px;color:#e6edf8;background:linear-gradient(160deg,#0d2347 0%,#0a1a36 55%,#07142b 100%);overflow:hidden;display:flex;flex-direction:column}
.bka .side:before{content:"";position:absolute;width:420px;height:420px;right:-170px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.28),transparent 65%)}
.bka .side:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%)}
.bka .side>
.brand{display:flex;align-items:center;gap:12px}
.bka .lg{width:44px;height:44px;border-radius:12px;background:#fff;padding:7px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.bka .brand .t{font-weight:700;font-size:15.5px;color:#fff;letter-spacing:-.01em}
.bka .brand .t span{color:#22d3ee}
.bka .brand .s{font-size:10.5px;letter-spacing:.14em;color:#8ea3c4;font-weight:600;margin-top:2px}
.bka .chip{display:inline-flex;align-items:center;gap:7px;margin-top:34px;padding:6px 12px 6px 9px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.09em;color:#67e8f9;background:rgba(34,211,238,.10);border:1px solid rgba(103,232,249,.28);align-self:flex-start}
.bka .chip i{width:7px;height:7px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,.25)}
.bka .chip.red{color:#fda4af;background:rgba(244,63,94,.10);border-color:rgba(253,164,175,.3)}
.bka .chip.red i{background:#fb7185;box-shadow:0 0 0 3px rgba(251,113,133,.25)}
.bka h1{font-size:36px;line-height:1.1;letter-spacing:-.03em;font-weight:750;color:#fff;margin-top:18px}
.bka h1 em{font-style:normal;background:linear-gradient(90deg,#67e8f9,#38bdf8);-webkit-background-clip:text;color:transparent}
.bka .lead{margin-top:14px;font-size:14.5px;line-height:1.6;color:#a9b8d0}
.bka .feats{margin-top:28px;display:flex;flex-direction:column;gap:14px}
.bka .feat{display:flex;gap:13px;align-items:flex-start}
.bka .feat .fi{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#67e8f9}
.bka .feat b{display:block;font-size:14px;font-weight:600;color:#f1f5fb}
.bka .feat span{display:block;font-size:12.5px;color:#8ea3c4;margin-top:2px;line-height:1.45}
.bka .stats{margin-top:auto;padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bka .st{padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.bka .st b{display:block;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em}
.bka .st span{font-size:10.5px;color:#8ea3c4;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.bka .form{padding:46px 64px 34px;display:flex;flex-direction:column}
.bka .top{display:flex;justify-content:space-between;align-items:center}
.bka .rolepill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#0b4fd6;background:#eef4ff;border:1px solid #dbe6ff;padding:5px 11px 5px 9px;border-radius:999px}
.bka .rolepill.adm{color:#9f1239;background:#fff1f3;border-color:#ffd9df}
.bka .top .help{font-size:12.5px;color:#64748b}
.bka .top .help a{color:#0b4fd6;font-weight:600;text-decoration:none}
.bka h2{font-size:27px;letter-spacing:-.025em;font-weight:700;margin-top:18px;color:#0b1220}
.bka .sub{font-size:14.5px;color:#5b6b82;margin-top:7px;line-height:1.5}
.bka .tabs{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;background:#f1f4f9;border-radius:11px;padding:4px}
.bka .tabs div{text-align:center;padding:9px;font-size:13.5px;font-weight:600;color:#64748b;border-radius:8px}
.bka .tabs .on{background:#fff;color:#0b1220;box-shadow:0 1px 2px rgba(15,23,42,.08),0 0 0 1px rgba(15,23,42,.05)}
.bka .soc{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.bka .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bka .btn{height:46px;border-radius:11px;border:1px solid #dfe5ee;background:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14.5px;font-weight:600;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.05);position:relative}
.bka .btn .tag{position:absolute;right:12px;font-size:11px;font-weight:600;color:#0b4fd6;background:#eef4ff;padding:3px 8px;border-radius:999px}
.bka .btn.gw{height:52px;border-color:#cfd8e6}
.bka .btn.gw .dom{font-size:12px;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 8px;border-radius:7px;font-weight:600}
.bka .div{display:flex;align-items:center;gap:14px;margin:24px 0 18px;font-size:12px;color:#8a97ab;font-weight:500}
.bka .div:before,.bka .div:after{content:"";flex:1;height:1px;background:#e7ebf2}
.bka label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:#1e293b;margin-bottom:7px}
.bka label a{font-weight:600;color:#0b4fd6;text-decoration:none;font-size:12.5px}
.bka .inp{height:46px;border-radius:11px;border:1px solid #d9e0ea;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:14.5px;color:#94a3b8;margin-bottom:16px}
.bka .inp.focus{border-color:#2f7bf6;box-shadow:0 0 0 4px rgba(47,123,246,.14);color:#0f172a}
.bka .inp .v{color:#0f172a}
.bka .inp .cur{display:inline-block;width:1.5px;height:18px;background:#0b4fd6;margin-left:-8px}
.bka .inp .r{margin-left:auto;color:#0b4fd6;font-size:12.5px;font-weight:600}
.bka .inp .suf{margin-left:auto;margin-right:-14px;height:44px;display:flex;align-items:center;padding:0 14px;background:#f5f7fb;border-left:1px solid #e2e8f0;border-radius:0 10px 10px 0;color:#334155;font-weight:600;font-size:14px}
.bka .hint{font-size:12.5px;color:#64748b;margin:-6px 0 16px;display:flex;gap:7px;align-items:center}
.bka .cta{height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:650;color:#fff;
 background:linear-gradient(180deg,#2b7df7,#1660e8);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px -6px rgba(22,96,232,.55),0 0 0 1px #145ad8}
.bka .cta.navy{background:linear-gradient(180deg,#14305e,#0b1d3d);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 20px -6px rgba(11,29,61,.55),0 0 0 1px #0a1a36}
.bka .otp{margin-top:12px;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:11px;background:linear-gradient(90deg,#ecfeff,#f0f7ff);border:1px solid #cdeffa;font-size:12.5px;color:#155e75;line-height:1.45}
.bka .otp .oi{flex:none;width:28px;height:28px;border-radius:8px;background:#fff;display:grid;place-items:center;color:#0891b2;box-shadow:0 1px 2px rgba(8,145,178,.15)}
.bka .chk{display:flex;align-items:center;gap:9px;font-size:13px;color:#334155;margin:-2px 0 18px}
.bka .chk i{width:17px;height:17px;border-radius:5px;background:#1660e8;display:grid;place-items:center;color:#fff}
.bka .alt{margin-top:22px;padding-top:18px;border-top:1px solid #eef1f6;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#64748b}
.bka .alt a{color:#0b4fd6;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.bka .alt .sw{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #e2e8f0;border-radius:9px;color:#0f172a;font-weight:600;background:#fafbfd}
.bka .trust{margin-top:16px;display:flex;gap:18px;font-size:12px;color:#7a889c;align-items:center}
.bka .trust span{display:inline-flex;align-items:center;gap:6px}
.bka .legal{margin-top:12px;font-size:11.5px;color:#94a3b8;line-height:1.5}
.bka .legal a{color:#64748b;text-decoration:underline;text-underline-offset:2px}
.bka .warn{margin-top:18px;display:flex;gap:11px;padding:12px 14px;border-radius:11px;background:#fffbeb;border:1px solid #fde7a8;font-size:12.5px;color:#854d0e;line-height:1.5}
.bka .below{position:relative;width:min(1080px,calc(100% - 32px));margin:22px auto 0;display:flex;justify-content:center;gap:28px;font-size:12.5px;color:#64748b}
.bka .below span{display:inline-flex;gap:7px;align-items:center}
.bka input.inp{width:100%;font:inherit;color:#0f172a;outline:none}.bka input.inp:focus{border-color:#2f7bf6;box-shadow:0 0 0 4px rgba(47,123,246,.14)}
.bka button.btn,.bka button.cta,.bka a.btn{width:100%;cursor:pointer;font:inherit;font-weight:600;text-decoration:none}.bka button.cta{border:0;font-weight:650}
.bka .tabs a{text-align:center;padding:9px;font-size:13.5px;font-weight:600;color:#64748b;border-radius:8px;text-decoration:none}.bka .tabs a.on{background:#fff;color:#0b1220;box-shadow:0 1px 2px rgba(15,23,42,.08),0 0 0 1px rgba(15,23,42,.05)}
.bka .msg{margin-top:12px;font-size:13px;line-height:1.45;padding:10px 12px;border-radius:10px;display:none}.bka .msg.on{display:block}.bka .msg.ok{background:#ecfdf5;color:#065f46}.bka .msg.err{background:#fef2f2;color:#991b1b}
.bka .code{display:none;margin-top:14px}.bka .code.on{display:block}
.bka :focus-visible{outline:2px solid #2f7bf6;outline-offset:2px}
@media(max-width:900px){.bka .card{grid-template-columns:1fr}.bka .side{display:none}.bka .form{padding:30px 22px 26px}.bka .crumb{flex-wrap:wrap;gap:8px}.bka .below{flex-wrap:wrap;gap:12px}.bka{padding:28px 0 40px}}
@media(max-width:480px){.bka .row2{grid-template-columns:1fr}.bka .alt{flex-direction:column;gap:10px;align-items:flex-start}.bka h2{font-size:23px}}
html.dark .bka{background:#030711}html.dark .bka .card,html.dark .bka input.inp,html.dark .bka .btn{background:#121b2e;color:#e5e9f2;border-color:#243047}
html.dark .bka h2,html.dark .bka label{color:#e5e9f2}html.dark .bka .sub,html.dark .bka .alt,html.dark .bka .crumb{color:#94a3b8}html.dark .bka .alt{border-color:#243047}

/* DGJ_OAUTH_EQ_V2 */
.bka .soc{display:flex;flex-direction:column;gap:10px}
.bka .soc .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bka .soc button.btn[data-bka-google],.bka .soc a.btn[data-bka-linkedin]{height:46px!important;min-height:46px;max-height:46px;width:100%!important;padding:0 14px;box-sizing:border-box}
.bka .soc .gbtn{display:none!important}