.su-page { --su-navy:#071735; --su-blue:#3156d3; --su-teal:#13a7aa; --su-ink:#14213b; --su-muted:#627188; min-height:calc(100vh - 120px); color:var(--su-muted); background:#f4f7fc; font-family:'Poppins',sans-serif; }
.su-page *, .su-page *:before, .su-page *:after { box-sizing:border-box; }
.su-shell { display:grid; width:min(1120px,calc(100% - 40px)); min-height:680px; margin:0 auto; padding:42px 0 50px; grid-template-columns:minmax(0,1fr) minmax(420px,500px); align-items:center; gap:72px; }
.su-intro { position:relative; }
.su-intro:before { content:""; position:absolute; z-index:0; top:-135px; left:-190px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(49,86,211,.12),rgba(49,86,211,0) 69%); pointer-events:none; }
.su-intro > * { position:relative; z-index:1; }
.su-back { display:inline-flex; align-items:center; gap:8px; margin-bottom:28px; color:#65758d; font-size:12px; font-weight:600; }
.su-back:hover { color:var(--su-blue); }
.su-eyebrow { display:block; margin-bottom:17px; color:var(--su-blue); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.su-intro h1 { max-width:560px; margin:0 0 14px; color:var(--su-ink); font-size:clamp(38px,4.5vw,56px); line-height:1.04; letter-spacing:-.05em; }
.su-intro > p:not(.su-help) { max-width:550px; margin:0; color:#617087; font-size:16px; line-height:1.75; }
.su-intro ul { display:grid; gap:13px; margin:24px 0; padding:0; list-style:none; }
.su-intro li { display:flex; align-items:flex-start; gap:13px; }
.su-intro li > i { display:grid; width:27px; height:27px; flex:0 0 27px; place-items:center; margin-top:1px; border-radius:50%; background:#ddf7f1; color:#109978; font-size:11px; }
.su-intro li span { display:flex; flex-direction:column; gap:3px; }
.su-intro li strong { color:#2d3a52; font-size:13px; }
.su-intro li small { color:#7d899b; font-size:11px; line-height:1.5; }
.su-help { margin:0; color:#738197; font-size:12px; }.su-help a{color:var(--su-blue);font-weight:700}
.su-card { position:relative; padding:27px 32px 25px; border:1px solid #e0e6ef; border-radius:18px; background:#fff; box-shadow:0 28px 75px rgba(22,44,82,.14); }
.su-card__header { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.su-card__header div { display:flex; flex-direction:column; }
.su-card__header small { margin-bottom:4px; color:#8491a4; font-size:9px; font-weight:800; letter-spacing:.11em; }
.su-card__header h2 { margin:0; color:var(--su-ink); font-size:23px; line-height:1.25; }
.su-product-mark { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:12px; background:linear-gradient(135deg,var(--su-blue),var(--su-teal)); color:#fff; font-size:18px; font-weight:800; }
.su-account-fields { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.su-field { margin-bottom:12px; }
.su-selected-plan { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:4px 0 17px; padding:13px 14px; border:1px solid #dbe3f4; border-radius:9px; background:#f5f7ff; }
.su-selected-plan div { display:flex; flex-direction:column; gap:3px; }
.su-selected-plan small { color:#8491a4; font-size:8px; font-weight:800; letter-spacing:.1em; }
.su-selected-plan strong { color:var(--su-ink); font-size:12px; }
.su-selected-plan a { flex:0 0 auto; color:var(--su-blue); font-size:9px; font-weight:700; }
.su-field label { display:block; margin-bottom:7px; color:#344158; font-size:11px; font-weight:700; }
.su-field input { width:100%; height:43px; padding:0 12px; border:1px solid #d8dfeb; border-radius:9px; outline:0; background:#fbfcfe; color:var(--su-ink); font:500 13px 'Poppins',sans-serif; transition:.18s ease; }
.su-field input::placeholder { color:#a2adbd; font-weight:400; }
.su-field input:focus { border-color:var(--su-blue); background:#fff; box-shadow:0 0 0 3px rgba(49,86,211,.1); }
.su-field.has-error input { border-color:#d34c58; box-shadow:0 0 0 3px rgba(211,76,88,.08); }
.su-password { position:relative; }.su-password input{padding-right:43px}.su-password button{position:absolute;top:0;right:0;width:41px;height:43px;border:0;background:transparent;color:#8290a4;cursor:pointer}.su-password button:hover{color:var(--su-blue)}
.su-field-hint { display:block; margin-top:5px; color:#929daf; font-size:9px; }
.su-field-error { display:none; margin-top:5px; color:#c53846; font-size:10px; line-height:1.4; }.su-field-error:not(:empty){display:block}
.su-captcha { min-height:70px; margin:2px 0 7px; overflow:hidden; }
#jdaas-signup-form .su-consent { display:flex!important; align-items:flex-start!important; gap:9px; margin:0 0 13px; color:#6b788c; font-size:10px; font-weight:500; line-height:1.45; cursor:pointer; }#jdaas-signup-form .su-consent__control{position:relative!important;display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;margin:0!important;padding:0!important}#jdaas-signup-form .su-consent__control input[type="checkbox"]{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;width:16px!important;height:16px!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer}#jdaas-signup-form .su-consent__box{display:grid!important;width:16px!important;height:16px!important;place-items:center;border:1.5px solid #7b8799;border-radius:3px;background:#fff;color:#fff;font-size:9px;line-height:1}#jdaas-signup-form .su-consent__box i{display:none}#jdaas-signup-form .su-consent__control input:checked + .su-consent__box{border-color:var(--su-blue);background:var(--su-blue)}#jdaas-signup-form .su-consent__control input:checked + .su-consent__box i{display:block}#jdaas-signup-form .su-consent__control input:focus-visible + .su-consent__box{outline:3px solid rgba(49,86,211,.2);outline-offset:2px}#jdaas-signup-form .su-consent > span:last-child{display:block!important;min-width:0;flex:1 1 auto}#jdaas-signup-form .su-consent a{color:var(--su-blue);font-weight:700}
.su-alert { margin:0 0 15px; padding:11px 13px; border-radius:8px; background:#fff0f1; color:#a92c38; font-size:11px; line-height:1.5; }.su-alert.is-success{background:#e7f8f3;color:#08775c}
.su-submit { display:flex; width:100%; min-height:45px; align-items:center; justify-content:center; gap:12px; border:0; border-radius:9px; background:var(--su-blue); box-shadow:0 13px 25px rgba(49,86,211,.22); color:#fff; font:700 13px 'Poppins',sans-serif; cursor:pointer; transition:.18s ease; }.su-submit:hover{transform:translateY(-1px);background:var(--su-navy)}.su-submit:disabled{transform:none;box-shadow:none;opacity:.66;cursor:wait}
.su-signin { margin:13px 0 0; text-align:center; color:#7b8799; font-size:11px; }.su-signin a{color:var(--su-blue);font-weight:700}
.su-verification > p { margin:0 0 22px; color:#65738a; font-size:12px; line-height:1.7; }.su-verification > p strong{color:var(--su-ink)}
.su-verification input { text-align:center; font-size:20px; font-weight:700; letter-spacing:.3em; }
.su-change-email { display:block; margin:-3px auto 18px; padding:0; border:0; background:transparent; color:var(--su-blue); font:600 10px 'Poppins',sans-serif; text-align:center; text-decoration:none; cursor:pointer; }
.su-use-code { margin:14px auto 0; }
.su-complete { padding:16px 0 5px; text-align:center; }.su-complete__icon{display:grid;width:58px;height:58px;margin:0 auto 16px;place-items:center;border-radius:50%;background:#ddf7f1;color:#109978;font-size:22px}.su-complete h3{margin:0 0 8px;color:var(--su-ink);font-size:22px}.su-complete p{margin:0 0 24px;font-size:12px}.su-complete .su-submit{text-decoration:none}
.su-payment { padding:10px 0 3px; text-align:center; }.su-payment__icon{display:grid;width:60px;height:60px;margin:0 auto 18px;place-items:center;border-radius:50%;background:#e8efff;color:var(--su-blue);font-size:22px}.su-payment .su-eyebrow{margin-bottom:8px}.su-payment h3{margin:0 0 9px;color:var(--su-ink);font-size:23px}.su-payment>p{max-width:360px;margin:0 auto 24px;color:#66758a;font-size:12px;line-height:1.7}.su-payment>p strong{color:var(--su-ink);text-transform:capitalize}.su-payment>small{display:block;margin-top:16px;color:#8793a4;font-size:9px}.su-payment>small i{margin-right:5px;color:#109978}.su-card.is-payment .su-card__header,.su-card.is-payment .su-signin{display:none}
.su-card.is-complete .su-card__header, .su-card.is-complete .su-alert, .su-card.is-complete .su-submit[type="submit"], .su-card.is-complete .su-use-code, .su-card.is-complete .su-signin { display:none; }
.su-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important; }
@media (max-width:991px){.su-shell{grid-template-columns:1fr;max-width:680px;gap:45px}.su-intro{padding-top:15px}.su-back{margin-bottom:35px}.su-intro h1{font-size:48px}.su-intro ul{grid-template-columns:1fr 1fr}.su-intro li:last-child{grid-column:1/-1}}
@media (max-width:600px){.su-shell{width:min(100% - 28px,520px);padding:32px 0 45px}.su-intro h1{font-size:39px}.su-intro ul{grid-template-columns:1fr}.su-intro li:last-child{grid-column:auto}.su-card{padding:24px 20px 22px}.su-card__header h2{font-size:20px}.su-account-fields{grid-template-columns:1fr}.su-captcha{transform:scale(.89);transform-origin:left top;margin-bottom:-1px}}
@media (max-width:370px){.su-captcha{transform:scale(.78);margin-bottom:-10px}}