:root{--ink:#0b1220;--navy:#0B1B3F;--mut:#667085;--soft:#98a2b3;--line:#e6eaf0;--mist:#f4f7fc;--acc:#1667F2;--royal:#0B3FD9;--ok:#12a37a;--bad:#c4320a}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font:400 15.5px/1.55 Geist,Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100vh}
.side{display:flex;flex-direction:column;padding:28px 56px}
.side header{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:var(--mut)}
.wmk{height:18px;width:auto}
.box{width:100%;max-width:420px;margin:auto;padding:56px 0}
.step2 .box{max-width:520px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 "Geist Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--mut);margin:0 0 18px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc)}
h1{font-size:34px;line-height:1.1;font-weight:500;letter-spacing:-.035em;margin:0}
.lead{color:var(--mut);margin:12px 0 32px}
.form{display:flex;flex-direction:column;gap:16px}
.f{display:flex;flex-direction:column;gap:7px;font-size:13.5px;font-weight:500}
.f .row{display:flex;justify-content:space-between}.f .row a{font-weight:400}
.f input{height:46px;border:1px solid var(--line);border-radius:11px;padding:0 14px;font:400 15px Geist,Inter,sans-serif;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s;width:100%}
.f input:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(22,103,242,.12)}
.pw{position:relative;display:block}.pw input{padding-right:64px}
.eye{position:absolute;right:8px;top:8px;height:30px;border:0;background:var(--mist);border-radius:7px;padding:0 10px;font:500 12px Geist,sans-serif;color:var(--mut);cursor:pointer}
.chk{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mut)}.chk input{width:16px;height:16px;accent-color:var(--acc)}
.btn{height:48px;border:0;border-radius:11px;background:var(--acc);color:#fff;font:500 15.5px Geist,Inter,sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s;margin-top:4px}
.btn:hover{background:var(--royal);box-shadow:0 10px 26px -10px rgba(22,103,242,.6)}.btn:disabled{opacity:.7}.btn.busy{color:transparent;background-image:radial-gradient(circle,#fff 2px,transparent 3px);background-size:14px 14px;background-position:center}
.note{border-radius:11px;padding:12px 14px;font-size:14px;margin:0 0 24px}.note.bad{background:#fef3f2;color:var(--bad)}.note.ok{background:#ecfdf3;color:#067647}
.small{font-size:14px;color:var(--mut);text-align:center;margin:8px 0 0}
.sent{width:56px;height:56px;border-radius:16px;background:#ecfdf3;display:grid;place-items:center;margin-bottom:24px}.sent span{color:var(--ok);font-size:24px}
.meter{height:4px;background:var(--mist);border-radius:4px;overflow:hidden;margin-top:-4px}.meter i{display:block;height:100%;width:0;background:var(--soft);transition:width .2s,background .2s}
.meter i[data-s="2"]{background:#f59e0b}.meter i[data-s="3"],.meter i[data-s="4"]{background:var(--ok)}
.side footer{display:flex;justify-content:space-between;gap:16px;font:400 12.5px "Geist Mono",monospace;color:var(--soft)}.side footer span:last-child{display:flex;gap:18px}.side footer a{color:var(--soft)}
/* right panel */
.show{padding:16px}
.stage{position:sticky;top:16px;height:calc(100vh - 32px);min-height:600px;border-radius:28px;background:radial-gradient(900px 500px at 85% -10%,#2a5cc9 0,transparent 60%),var(--navy);color:#fff;padding:48px 52px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:28px;overflow:hidden}
.eyebrow.light{color:#9db2d8}.stage h2{font-size:clamp(28px,2.9vw,42px);line-height:1.08;font-weight:500;letter-spacing:-.035em;margin:0}
.cards{position:relative;min-height:0}
.cards figure{position:absolute;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);background:#1b2a4a}
.cards img{width:100%;height:100%;object-fit:cover;display:block}
.cards figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(5,12,28,.82));color:#fff;display:flex;flex-direction:column}
.cards b{font-weight:600;font-size:17px}.cards figcaption span{font-size:12.5px;color:#d4ddec}
.c1{left:0;top:0;width:66%;height:84%}
.c2{right:0;top:16%;width:40%;height:62%;border:4px solid var(--navy)}
.agent{position:absolute;right:6%;bottom:0;width:250px;background:#fff;color:var(--ink);border-radius:16px;padding:15px 17px;font-size:13px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);z-index:2}
.fh{display:flex;justify-content:space-between;font:500 10.5px "Geist Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}.fh em{font-style:normal;color:var(--ok)}
.agent>b{display:block;font-size:16px;font-weight:600;margin:8px 0 6px}.r{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line)}.r span:first-child{color:var(--mut)}.g{color:var(--ok);font-weight:600}
.pts{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:#c9d5ea;font-size:14.5px}.pts li{padding-left:24px;position:relative}
.pts li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:6px;border-left:1.6px solid #7fb0ff;border-bottom:1.6px solid #7fb0ff;transform:rotate(-45deg)}
.found{display:flex;align-items:center;gap:10px;margin:18px 0 0;font:400 12.5px "Geist Mono",monospace;color:#9db2d8}.found i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.15)}
@media(max-height:780px){.pts{display:none}.found{margin:0}.stage{gap:20px;padding:36px 40px}}
@media(max-height:640px){.c2{display:none}.c1{width:80%}}
/* Google */
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;height:48px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-weight:500;font-size:15px;text-decoration:none;transition:background .15s,border-color .15s;margin-bottom:6px}.gbtn:hover{background:var(--mist);border-color:#d5dbe5;text-decoration:none}
.or{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--soft);font:400 12px "Geist Mono",monospace;text-transform:uppercase;letter-spacing:.06em}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
/* join form from the plugin, restyled */
.ym-form{display:flex;flex-direction:column;gap:14px}.ym-form label{display:flex;flex-direction:column;gap:7px;font-size:13.5px;font-weight:500}
.ym-form input[type=text],.ym-form input:not([type]),.ym-form input[type=email],.ym-form input[type=password]{height:46px;border:1px solid var(--line);border-radius:11px;padding:0 14px;font:400 15px Geist,sans-serif}
.ym-form input:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(22,103,242,.12)}
.ym-form .ym-check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;color:var(--mut);font-size:13px}.ym-form .ym-check input{margin-top:3px;accent-color:var(--acc)}
.ym-btn{height:48px;border:0;border-radius:11px;background:var(--acc)!important;color:#fff;font:500 15.5px Geist,sans-serif;cursor:pointer}.ym-btn:hover{background:var(--royal)!important}
.ym-steps{display:none!important}.ym-mut{color:var(--mut);font-size:13.5px}.ym-err{background:#fef3f2;color:var(--bad);border-radius:11px;padding:12px 14px;font-size:14px}
.ym-form>.ym-mut{display:none}
@media(max-width:960px){.split{grid-template-columns:1fr}.show{display:none}.side{padding:22px}.box{padding:40px 0}h1{font-size:30px}}
.auth-join .box{max-width:490px}.c2 figcaption{display:none}