:root{--cj-navy:#061827;--cj-teal:#12b7a6;--cj-soft:#eef7f7;--cj-card:#ffffff;--cj-line:#d8e6e8;--cj-text:#102431;--cj-muted:#5c7180;--cj-danger:#b42318;--cj-good:#047857;}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--cj-text);background:linear-gradient(135deg,#f6fbfb,#edf7f7)}
.cj-secure-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px 6vw;background:rgba(6,24,39,.96);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.cj-brand{font-weight:900;color:#fff;text-decoration:none;font-size:1.3rem;letter-spacing:.2px}.cj-secure-header nav{display:flex;gap:18px;flex-wrap:wrap}.cj-secure-header nav a{color:#d9ffff;text-decoration:none;font-weight:700;font-size:.95rem}
.cj-auth-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;min-height:calc(100vh - 70px);align-items:center;padding:48px 6vw}.cj-auth-hero h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.02;margin:18px 0 16px;color:var(--cj-navy)}.cj-auth-hero p{font-size:1.08rem;line-height:1.7;color:var(--cj-muted);max-width:680px}.cj-security-pill{display:inline-flex;padding:8px 13px;border-radius:999px;background:#dff8f4;color:#075e54;font-weight:900;border:1px solid #abe8df}.cj-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.cj-security-grid div{background:#fff;border:1px solid var(--cj-line);border-radius:18px;padding:18px;box-shadow:0 18px 40px rgba(7,34,50,.08)}.cj-security-grid strong{display:block;color:var(--cj-navy);margin-bottom:8px}.cj-security-grid span{display:block;color:var(--cj-muted);font-size:.92rem;line-height:1.45}
.cj-auth-card{background:#fff;border:1px solid var(--cj-line);border-radius:26px;padding:24px;box-shadow:0 28px 80px rgba(7,34,50,.16)}.cj-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf5f6;border-radius:16px;padding:5px;margin-bottom:20px}.cj-tabs button{border:0;border-radius:13px;padding:13px;font-weight:900;background:transparent;color:var(--cj-muted);cursor:pointer}.cj-tabs button.active{background:var(--cj-navy);color:#fff}.cj-form{display:grid;gap:15px}.cj-form.hidden{display:none}.cj-form h2{margin:0 0 4px;font-size:1.55rem}.cj-form label{display:grid;gap:7px;font-weight:800;color:var(--cj-navy)}.cj-form input,.cj-form select{width:100%;border:1px solid var(--cj-line);border-radius:14px;padding:14px 13px;font-size:1rem;background:#fbfefe}.cj-primary{border:0;border-radius:14px;padding:15px 18px;background:linear-gradient(135deg,var(--cj-teal),#087a75);color:#fff;font-weight:950;font-size:1rem;cursor:pointer;box-shadow:0 16px 30px rgba(18,183,166,.25)}.cj-form-note{margin:0;color:var(--cj-muted);font-size:.92rem}.cj-auth-message{min-height:22px;margin-top:14px;font-weight:800}.cj-auth-message.bad{color:var(--cj-danger)}.cj-auth-message.good{color:var(--cj-good)}
.cj-secure-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#061827;color:#eaffff;border-radius:18px;padding:14px 16px;margin:16px 0;border:1px solid rgba(18,183,166,.35)}.cj-secure-strip button{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer}
@media(max-width:850px){.cj-auth-shell{grid-template-columns:1fr;padding:28px 18px}.cj-security-grid{grid-template-columns:1fr}.cj-secure-header{align-items:flex-start;gap:12px;flex-direction:column}.cj-secure-header nav{gap:12px}.cj-auth-card{border-radius:22px;padding:18px}}