:root{--u-blue:#315fe9;--u-blue-dark:#244fd0;--u-navy:#17324f;--u-teal:#36a98b;--u-bg:#f7faff;--u-card:#fff;--u-line:#dce7f4;--u-soft:#f0f6ff;--u-mint:#edf9f6;--u-text:#223e5b;--u-muted:#74869a}
.ustep-login{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--u-bg);color:var(--u-text);padding:22px;border-radius:26px;max-width:1120px;margin:0 auto;box-sizing:border-box}.ustep-login *{box-sizing:border-box}.ustep-login__header{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:18px}.ustep-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--u-blue);margin-bottom:4px}.ustep-login h1{font-size:26px;line-height:1.1;margin:0;color:var(--u-navy);font-weight:600}.ustep-subtitle{margin:6px 0 0;color:var(--u-muted);font-size:14px}.ustep-langs{display:flex;gap:5px;flex-wrap:nowrap}.ustep-langs button{border:0;background:transparent;padding:6px 5px;font-weight:700;color:#6b7b8f;cursor:pointer;font-size:12px}.ustep-langs button.is-active{color:var(--u-blue)}
.ustep-screen{display:none}.ustep-screen.is-active{display:block}.ustep-card{background:var(--u-card);border:1px solid var(--u-line);border-radius:22px;padding:26px;box-shadow:0 10px 28px rgba(39,74,120,.06)}.ustep-promo{max-width:820px;margin:0 auto}.ustep-promo__copy{text-align:center;max-width:680px;margin:0 auto}.ustep-pill{display:inline-block;background:var(--u-mint);color:#197d68;border-radius:999px;padding:7px 12px;font-weight:700;font-size:12px}.ustep-promo h2,.ustep-account h2{font-size:25px;line-height:1.2;color:var(--u-navy);margin:14px 0 8px}.ustep-promo__copy p,.ustep-muted{color:var(--u-muted);line-height:1.55}.ustep-promo__copy p{font-size:14px;max-width:650px;margin:0 auto}
.ustep-demo{aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#edf2f7}.ustep-demo--hero{max-width:640px;margin:18px auto 0}.ustep-demo video{width:100%;height:100%;object-fit:cover;display:block}.ustep-demo-note{text-align:center;font-size:12px;margin:7px 0 0;color:var(--u-muted)}
/* compact infographic-style session facts */
.ustep-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:640px;margin:18px auto 0;position:relative}.ustep-facts div{position:relative;background:#f6f9fe;border:1px solid #e2ebf7;border-radius:16px;padding:12px 10px 13px;text-align:center;min-height:88px;overflow:hidden}.ustep-facts div:before{content:"";display:block;width:42px;height:4px;border-radius:99px;margin:0 auto 8px;background:linear-gradient(90deg,var(--u-teal),var(--u-blue))}.ustep-facts div:nth-child(2):before{width:58px}.ustep-facts div:nth-child(3):before{width:34px}.ustep-facts strong{display:block;font-size:23px;line-height:1;color:var(--u-navy)}.ustep-facts span{display:block;font-size:12px;color:var(--u-muted);margin-top:6px;line-height:1.25}
/* price sits lower and reads as a distinct final decision block */
.ustep-price-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:640px;margin:30px auto 14px;padding:15px 18px;border-radius:16px;background:linear-gradient(135deg,#edf9f6,#f2f7ff);border:1px solid #e4eef7}.ustep-price-strip span,.ustep-price-strip small{display:block}.ustep-price-strip span{font-weight:750;color:var(--u-navy);font-size:14px}.ustep-price-strip small{color:var(--u-muted);margin-top:4px;font-size:11px}.ustep-price-strip strong{font-size:28px;color:var(--u-blue)}
.ustep-promo-actions{max-width:640px;margin:16px auto 0;display:flex;justify-content:center;align-items:center;gap:12px}.ustep-promo-actions .ustep-primary,.ustep-promo-actions .ustep-secondary{width:auto;min-width:225px;padding:16px 24px;font-size:14px;border-radius:14px}.ustep-primary,.ustep-secondary{border-radius:15px;font-weight:850;padding:15px 18px;cursor:pointer;letter-spacing:.01em}.ustep-primary{width:100%;border:0;background:var(--u-blue);color:#fff}.ustep-secondary{width:100%;border:0;background:var(--u-blue);color:#fff}.ustep-primary:hover,.ustep-secondary:hover{background:var(--u-blue-dark)}.ustep-primary:disabled{background:#ccd6e5;color:#8492a5;cursor:not-allowed}
.ustep-account{max-width:780px;margin:0 auto}.ustep-back{border:0;background:transparent;color:#61788f;font-weight:750;padding:0 0 14px;cursor:pointer}.ustep-back span:first-child{font-size:18px}.ustep-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--u-soft);border-radius:14px;padding:4px;gap:4px}.ustep-tabs button{border:0;background:transparent;border-radius:11px;padding:12px;font-weight:750;color:#687b90;cursor:pointer}.ustep-tabs button.is-active{background:#fff;color:var(--u-blue);box-shadow:0 2px 8px rgba(39,74,120,.08)}.ustep-panel{display:none}.ustep-panel.is-active{display:block}.ustep-field{display:block;margin-top:17px}.ustep-field>span{display:block;font-weight:700;margin-bottom:7px;color:var(--u-navy)}.ustep-field input,.ustep-field select{width:100%;border:1px solid #cddbea;border-radius:14px;background:#fff;padding:13px 14px;font-size:16px;color:var(--u-text);outline:none}.ustep-field input:focus,.ustep-field select:focus{border-color:var(--u-blue);box-shadow:0 0 0 3px rgba(49,95,233,.09)}.ustep-field small{display:block;margin-top:6px;color:var(--u-muted);font-size:12px;line-height:1.4}.ustep-two{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px}.ustep-condition-field{background:linear-gradient(135deg,#f5f9ff,#f1faf7);border:1px solid #e0ebf6;border-radius:18px;padding:14px;margin-top:17px}.ustep-condition-field>span{font-size:15px}.ustep-select-wrap{position:relative}.ustep-condition-field select{background:#fff;padding-right:40px;cursor:pointer}.ustep-plan{margin-top:18px;background:linear-gradient(135deg,#edf9f6,#f2f7ff);border-radius:18px;padding:16px}.ustep-plan>div{display:flex;justify-content:space-between;align-items:center}.ustep-plan span{font-weight:700}.ustep-plan strong{font-size:28px;color:var(--u-blue)}.ustep-plan p{margin:5px 0 0;color:var(--u-muted);font-size:13px}.ustep-check{display:flex;gap:9px;align-items:flex-start;margin:16px 0;color:#52677d;font-size:14px}.ustep-check input{margin-top:3px}.ustep-id-note{margin-top:14px;background:#f8fbff;border:1px solid var(--u-line);border-radius:16px;padding:13px 14px}.ustep-id-note strong,.ustep-id-note span{display:block}.ustep-id-note strong{color:var(--u-navy);font-size:14px}.ustep-id-note span{color:var(--u-muted);font-size:12.5px;line-height:1.45;margin-top:3px}.ustep-message{font-size:13px;margin-top:10px;line-height:1.45;color:#667c91}.ustep-message.is-info{background:#fff7e8;border-radius:12px;padding:10px;color:#8a5a12}.ustep-login-btn{margin-top:18px}
@media(max-width:800px){.ustep-login{padding:15px;border-radius:0}.ustep-login__header{display:block}.ustep-login h1{font-size:23px}.ustep-langs{margin-top:10px;justify-content:flex-start}.ustep-card{padding:18px;border-radius:18px}.ustep-promo h2,.ustep-account h2{font-size:22px}.ustep-demo--hero{max-width:100%;margin-top:16px}.ustep-facts{gap:7px}.ustep-facts div{padding:10px 6px;min-height:82px}.ustep-facts strong{font-size:20px}.ustep-facts span{font-size:11px}.ustep-price-strip{align-items:flex-start;margin-top:22px}.ustep-promo-actions{flex-direction:column;gap:9px}.ustep-promo-actions .ustep-primary,.ustep-promo-actions .ustep-secondary{width:100%;min-width:0}.ustep-two{grid-template-columns:1fr}.ustep-demo{border-radius:15px}}

/* v1.0.5 — compact annual subscription badge */
.ustep-promo{position:relative;overflow:visible}
.ustep-price-badge{
  position:absolute;top:18px;right:18px;width:116px;height:116px;
  border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;background:#eef4ff;border:1.5px solid #c8d8ff;
  box-shadow:0 8px 22px rgba(42,91,215,.12);color:#0b315f;z-index:2;
  padding:12px;line-height:1.15
}
.ustep-price-badge span{font-size:11px;font-weight:700;max-width:90px}
.ustep-price-badge strong{font-size:30px;line-height:1;margin:5px 0;color:#315df4;font-weight:800}
.ustep-price-badge small{font-size:9px;color:#667b99;max-width:82px;line-height:1.25}
.ustep-promo__copy{padding-left:92px;padding-right:92px}
@media(max-width:720px){
 .ustep-price-badge{position:relative;top:auto;right:auto;margin:0 auto 14px;width:104px;height:104px}
 .ustep-promo__copy{padding-left:0;padding-right:0}
}

/* v1.0.6 — tighter demo video presentation */
.ustep-demo--hero{
  max-width:560px;
  aspect-ratio:2/1;
  margin:14px auto 0;
  border-radius:16px;
}
.ustep-demo--hero video{
  width:100%;height:100%;object-fit:cover;object-position:center center;
}
.ustep-demo-note{margin-top:5px}
.ustep-facts{margin-top:14px}
@media(max-width:800px){
  .ustep-demo--hero{max-width:100%;aspect-ratio:16/9;margin-top:12px}
}