.cpl-wrap{--cpl-ink:#020016;--cpl-card:#fff;--cpl-line:#e6e6ef;--cpl-text:#1b1a33;--cpl-muted:#6b6a85;--cpl-gold:#c8a45c;--cpl-gold2:#e3c98b;--cpl-focus:#4c5bff;
	font-family:'Inter',system-ui,sans-serif;color:var(--cpl-text);display:flex;min-height:640px;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(2,0,22,.10);background:#f7f7fb}
.cpl-wrap *,.cpl-wrap *::before,.cpl-wrap *::after{box-sizing:border-box}

/* brand panel */
.cpl-brand{position:relative;flex:1.05;min-width:0;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;
	background:radial-gradient(1200px 600px at 80% -10%,#1c1b4d 0%,transparent 60%),radial-gradient(900px 500px at 10% 110%,#14133a 0%,transparent 55%),var(--cpl-ink)}
.cpl-logo{font-family:'Fraunces',serif;font-size:22px}
.cpl-logo em{font-style:normal;color:var(--cpl-gold2)}
.cpl-tagline{max-width:26ch;font-family:'Fraunces',serif;font-weight:500;font-size:clamp(26px,3vw,42px);line-height:1.15;margin:0;color:#fff}
.cpl-accent{color:var(--cpl-gold2)}
.cpl-brand-foot{display:flex;gap:28px;font-size:13px;color:#b9b8d6;position:relative;z-index:1}
.cpl-brand-foot b{display:block;color:#fff;font-size:15px;font-weight:600}
.cpl-skyline{position:absolute;left:0;right:0;bottom:0;height:38%;opacity:.5;pointer-events:none}
.cpl-skyline rect{fill:#211f55}
.cpl-skyline .cpl-lit rect{fill:var(--cpl-gold);opacity:.55}

/* auth panel */
.cpl-auth{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 28px;background:#f7f7fb}
.cpl-card{width:min(420px,100%)}
.cpl-h1{font-family:'Fraunces',serif;font-weight:600;font-size:30px;margin:0 0 6px;line-height:1.15}
.cpl-sub{color:var(--cpl-muted);font-size:14.5px;margin:0 0 26px}

.cpl-tabs{display:flex;background:#eeeef5;border-radius:12px;padding:4px;margin-bottom:26px}
.cpl-tabs button{flex:1;border:0;background:transparent;padding:10px 0;border-radius:9px;font:inherit;font-weight:600;font-size:14px;color:var(--cpl-muted);cursor:pointer;transition:background .18s,color .18s}
.cpl-tabs button[aria-selected="true"]{background:var(--cpl-card);color:var(--cpl-text);box-shadow:0 1px 4px rgba(2,0,22,.10)}

.cpl-field{margin-bottom:16px}
.cpl-field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--cpl-text)}
.cpl-hint{font-size:12px;color:var(--cpl-muted);margin:5px 0 0}
.cpl-input-wrap{position:relative}
.cpl-wrap input[type=email],.cpl-wrap input[type=password],.cpl-wrap input[type=text]{width:100%;padding:13px 14px;border:1.5px solid var(--cpl-line);border-radius:12px;font:inherit;font-size:15px;background:var(--cpl-card);color:var(--cpl-text);transition:border-color .15s,box-shadow .15s}
.cpl-wrap input:focus{outline:none;border-color:var(--cpl-focus);box-shadow:0 0 0 3px rgba(76,91,255,.15)}
.cpl-toggle-pw{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;color:var(--cpl-muted);font-size:12.5px;font-weight:600;padding:6px}

.cpl-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 20px}
.cpl-row a{font-size:13px;color:var(--cpl-text);font-weight:600;text-decoration:none}
.cpl-row a:hover{color:var(--cpl-gold)}
.cpl-check{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--cpl-muted)}
.cpl-check input{accent-color:var(--cpl-ink)}

.cpl-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:12px;border:1.5px solid transparent;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .15s,background .15s}
.cpl-btn:active{transform:scale(.985)}
.cpl-btn-primary{background:var(--cpl-ink);color:#fff}
.cpl-btn-primary:hover{background:#15143c;color:#fff;box-shadow:0 6px 18px rgba(2,0,22,.25)}
.cpl-btn-google{background:var(--cpl-card);border-color:var(--cpl-line);color:var(--cpl-text);margin-bottom:18px}
.cpl-btn-google:hover{border-color:#c9c9da;color:var(--cpl-text);box-shadow:0 2px 10px rgba(2,0,22,.07)}
.cpl-btn:focus-visible,.cpl-tabs button:focus-visible,.cpl-wrap a:focus-visible{outline:2px solid var(--cpl-focus);outline-offset:2px}

.cpl-divider{display:flex;align-items:center;gap:14px;color:var(--cpl-muted);font-size:12.5px;margin:0 0 18px;text-transform:uppercase;letter-spacing:.08em}
.cpl-divider::before,.cpl-divider::after{content:"";flex:1;height:1px;background:var(--cpl-line)}

.cpl-terms{font-size:12.5px;color:var(--cpl-muted);margin:14px 0 18px;display:flex;gap:8px;align-items:flex-start}
.cpl-terms a{color:var(--cpl-text);font-weight:600;text-decoration:none}
.cpl-terms a:hover{color:var(--cpl-gold)}

.cpl-swap{font-size:13.5px;color:var(--cpl-muted);text-align:center;margin-top:22px}
.cpl-swap a{color:var(--cpl-text);font-weight:600;text-decoration:none}
.cpl-swap a:hover{color:var(--cpl-gold)}

.cpl-pane{display:none}
.cpl-pane.cpl-active{display:block;animation:cplFade .25s ease}
@keyframes cplFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cpl-pane.cpl-active{animation:none}}

.cpl-noBrand{min-height:auto;box-shadow:none;background:transparent}
.cpl-noBrand .cpl-auth{padding:0}

@media (max-width:880px){.cpl-brand{display:none}}

/* logged-in card */
.cpl-loggedin{text-align:center;background:var(--cpl-card);border:1.5px solid var(--cpl-line);border-radius:20px;padding:40px 32px;max-width:420px;margin:0 auto}
.cpl-avatar{border-radius:50%;display:block;margin:0 auto 16px;box-shadow:0 0 0 3px var(--cpl-card),0 0 0 5px var(--cpl-gold)}
.cpl-loggedin .cpl-btn-primary{margin-top:6px}
.cpl-quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.cpl-quicklinks a{display:block;padding:11px 8px;border:1.5px solid var(--cpl-line);border-radius:12px;font-size:13.5px;font-weight:600;color:var(--cpl-text);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.cpl-quicklinks a:hover{border-color:var(--cpl-gold);color:var(--cpl-text);box-shadow:0 2px 10px rgba(2,0,22,.07)}

/* error notice */
.cpl-error{background:#fdf0f0;border:1.5px solid #f0c8c8;color:#8a2a2a;border-radius:12px;padding:13px 15px;font-size:13.5px;line-height:1.5;margin-bottom:20px}
.cpl-error a{color:#8a2a2a;font-weight:700;text-decoration:underline}

/* success notice */
.cpl-success{background:#eefaf3;border:1.5px solid #bfe6d0;color:#1f6b45;border-radius:12px;padding:13px 15px;font-size:13.5px;line-height:1.5;margin-bottom:20px}

/* complete-profile banner */
.cpl-nag{position:sticky;top:0;z-index:99999;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;background:#020016;color:#fff;padding:12px 18px;font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.4}
.cpl-nag strong{color:#e3c98b}
.cpl-nag-actions{display:flex;align-items:center;gap:12px}
.cpl-nag-btn{background:#e3c98b;color:#020016!important;font-weight:700;text-decoration:none;padding:8px 16px;border-radius:10px;font-size:13.5px;white-space:nowrap}
.cpl-nag-btn:hover{background:#f0d9a5}
.cpl-nag-x{color:#8f8eae!important;text-decoration:none;font-size:20px;line-height:1;padding:4px 6px}
.cpl-nag-x:hover{color:#fff!important}

/* ============================================================
   ACCOUNT-TYPE CHOOSER — same shell as the login view
   ============================================================ */
.cpl-choose2 .cpl-card{width:min(460px,100%)}
.cpl-path{margin:0 0 14px}
.cpl-path-card{display:flex;align-items:center;gap:16px;width:100%;text-align:left;
	background:var(--cpl-card);border:1.5px solid var(--cpl-line);border-radius:16px;
	padding:18px 18px;cursor:pointer;font:inherit;color:var(--cpl-text);
	transition:transform .15s,box-shadow .18s,border-color .18s}
.cpl-path-card:hover{transform:translateY(-2px);border-color:var(--cpl-gold);
	box-shadow:0 12px 32px -12px rgba(2,0,22,.25)}
.cpl-path-card:active{transform:scale(.99)}
.cpl-path-card[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.cpl-path-ico{flex:0 0 52px;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
	background:radial-gradient(120% 120% at 30% 20%,#26255e 0%,var(--cpl-ink) 70%);color:var(--cpl-gold2)}
.cpl-path-ico svg{width:26px;height:26px}
.cpl-path-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cpl-path-txt strong{font-family:'Fraunces',serif;font-weight:600;font-size:17px;line-height:1.2}
.cpl-path-txt span{color:var(--cpl-muted);font-size:13px;line-height:1.45}
.cpl-path-cta{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--cpl-gold);white-space:nowrap}
.cpl-path-card:hover .cpl-path-cta{color:var(--cpl-text)}
.cpl-path-skip{text-align:center;margin-top:20px}
.cpl-skipbtn{background:none;border:none;cursor:pointer;font:inherit;font-size:13.5px;color:var(--cpl-muted);text-decoration:underline;padding:6px}
.cpl-skipbtn:hover{color:var(--cpl-gold)}
@media (max-width:860px){
	.cpl-choose2{flex-direction:column;min-height:0}
	.cpl-choose2 .cpl-brand{padding:34px 26px 90px}
	.cpl-choose2 .cpl-auth{padding:30px 18px}
	.cpl-path-cta{display:none}
}