.signup-shell{position:relative;display:block;max-width:780px!important;margin:25px auto 90px!important;padding:28px!important;border:1px solid #efe6f5;border-radius:38px;background:radial-gradient(circle at 4% 8%,#f2e7ff 0 8%,transparent 31%),radial-gradient(circle at 96% 92%,#ffeaf2 0 6%,transparent 27%),linear-gradient(135deg,#fcf8ff,#fff 48%,#fff9fc);box-shadow:0 34px 100px #48235f12}
.signup-story{min-height:750px;border-radius:28px!important;padding:62px 54px;background:radial-gradient(circle at 84% 8%,#744aa566,transparent 30%),radial-gradient(circle at 5% 95%,#a965a33d,transparent 32%),linear-gradient(145deg,#17121d,#271832 58%,#321c3b);box-shadow:0 25px 70px #1f102c2e}
.signup-story:after{content:"";position:absolute;inset:14px;border:1px solid #ffffff0d;border-radius:20px;pointer-events:none}.signup-kicker{display:inline-flex;align-items:center;padding:8px 13px;border:1px solid #ffffff17;border-radius:99px;background:#ffffff0b;color:#dfc5ff;box-shadow:0 10px 30px #0002}.signup-story h1{font-size:clamp(45px,4.4vw,59px);margin:27px 0 20px}.signup-story h1 em{display:inline-block;background:linear-gradient(110deg,#c79bff,#f09fc5);-webkit-background-clip:text;background-clip:text;color:transparent}.signup-story>div>p{max-width:390px;color:#c9c1ce}
.signup-spark{position:absolute;z-index:2;color:#d7b0ff;animation:signup-float 4s ease-in-out infinite}.signup-spark.one{right:38px;top:36px;font-size:25px}.signup-spark.two{right:70px;bottom:60px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff17;border-radius:50%;background:#ffffff0b;animation-delay:-2s}
.signup-benefits{gap:14px;margin-top:42px}.signup-benefits>div{padding:14px;border:1px solid #ffffff10;border-radius:15px;background:#ffffff08;backdrop-filter:blur(8px);transition:.25s}.signup-benefits>div:hover{transform:translateX(4px);border-color:#c49af43b;background:#ffffff0d}.signup-benefits i{width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#a36ae044,#e68ab32b);color:#e0c0ff}.signup-benefits strong{font-size:13px}.signup-benefits small{color:#aaa1b0}
.signup-quote{margin-top:33px;border-color:#ffffff12;border-radius:17px;background:linear-gradient(135deg,#ffffff0c,#ffffff05)}.signup-love{margin-top:18px}.signup-love>div{display:flex;align-items:center;gap:11px}.signup-love b{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#f19abd1c;color:#f3a7c5;font-size:20px}.signup-love strong,.signup-love small{display:block}.signup-love strong{font-size:10px}.signup-love small{font-size:9px;color:#93899b}
.signup-form-area{position:relative;min-height:750px;margin:0;padding:50px 64px;border:1px solid #ece4f1!important;border-radius:28px!important;background:#ffffffed;box-shadow:0 25px 70px #3d1d520d;backdrop-filter:blur(18px)}
.signup-progress{position:relative;max-width:360px;margin-bottom:38px;padding:12px 18px;border:1px solid #eee6f2;border-radius:18px;background:#faf7fc;box-shadow:0 8px 25px #4a255c08}.signup-progress span{position:relative;z-index:2;font-size:12px}.signup-progress span i{width:30px;height:30px;background:#ebe6ef;font-size:11px;transition:.3s}.signup-progress span.active i{background:linear-gradient(145deg,#a66eeb,#8248cf);box-shadow:0 7px 18px #9258d83b}.signup-progress span.complete i{box-shadow:0 7px 18px #4683661c}.signup-progress>b{height:4px;background:#eae4ed}
.signup-form-heading>span{display:inline-block;padding:6px 11px;border-radius:99px;background:#f3ebfd;color:#7f48c7;font-size:11px}.signup-form-heading h2{font-size:36px;margin-top:12px;color:#17121c}.signup-form-heading p{font-size:14px;line-height:1.6}
.signup-form fieldset{padding:22px!important;border:1px solid #eee7f2!important;border-radius:19px!important;background:#fff;box-shadow:0 14px 40px #4a285b08}.signup-form legend{padding:0 0 14px;border-bottom-color:#eee7f2;font-size:16px}.signup-form legend>span{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#f0e4ff,#f9f4ff);box-shadow:0 7px 18px #7545aa12;font-size:11px}.signup-form legend div small{margin-top:2px;font-size:11px;line-height:1.5}.signup-form label{color:#37303d;font-size:13px;font-weight:750}.signup-form input,.signup-form select{height:50px;padding-inline:15px;border-color:#e2dbe7;background:#fbf9fc;border-radius:12px;font-size:14px;line-height:1.5}.signup-form input::placeholder{color:#9a929f;opacity:1}.signup-form input:hover,.signup-form select:hover{border-color:#cfc1da;background:#fff}.signup-form input:focus,.signup-form select:focus{border-color:#9b62e2;box-shadow:0 0 0 4px #9d63e315}.password-field button{top:11px;right:8px;border-radius:8px;font-size:12px}.slug-field{height:50px;border-color:#e2dbe7;border-radius:12px;background:#f5f0f8}.slug-field>span{font-size:13px}.slug-field:focus-within{border-color:#9b62e2;box-shadow:0 0 0 4px #9d63e315}.slug-field input{height:48px;box-shadow:none!important}.field-help,.currency-note{margin-top:7px;font-size:11px;line-height:1.5}
.terms-check{border:1px solid #eee6f2;border-radius:13px;background:#fbf8fd}.terms-check span{font-size:12px;line-height:1.6}.step-next,.signup-submit{height:54px;border:1px solid #b787ed;border-radius:13px;background:linear-gradient(115deg,#a36bec,#8650d4 65%,#b66ddb);box-shadow:0 15px 32px #9255d83b;font-size:14px;transition:transform .25s,box-shadow .25s}.step-next:hover,.signup-submit:hover{transform:translateY(-2px);box-shadow:0 20px 38px #9255d849}.step-back{height:54px;border:1px solid #e5deea;border-radius:13px;background:#f6f2f8;color:#524a58;font-size:13px}.signup-security{padding:9px;border-radius:10px;background:#f5fbf7;color:#6e8076;font-size:11px}.signup-login{margin-bottom:0;font-size:13px}
.signup-errors{border-radius:14px;box-shadow:0 9px 25px #a3322910}
@keyframes signup-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}
@media(max-width:900px){.signup-shell{margin:18px!important;padding:18px!important;border-radius:30px}.signup-form-area{margin:0;min-height:0;border-radius:24px!important;padding:42px 48px}}
@media(max-width:600px){.signup-shell{margin:10px!important;padding:9px!important;border-radius:23px}.signup-story{padding:38px 25px 34px;border-radius:18px 18px 0 0!important}.signup-story:after{inset:8px;border-radius:14px}.signup-story h1{font-size:38px;line-height:1.06}.signup-story>div>p{font-size:13px}.signup-benefits{grid-template-columns:1fr;margin-top:27px}.signup-benefits>div{padding:11px}.signup-quote,.signup-spark.two{display:none}.signup-form-area{padding:31px 14px 22px;border-radius:18px!important}.signup-progress{margin-bottom:26px;padding:10px}.signup-form-heading{margin-bottom:22px}.signup-form-heading h2{font-size:28px}.signup-form fieldset{padding:17px!important;border-radius:15px!important}.signup-cols{gap:0}.step-actions{grid-template-columns:90px 1fr}.signup-security{line-height:1.4}.signup-login{padding-bottom:5px}}
@media(max-width:380px){.signup-shell{margin:6px!important}.signup-story h1{font-size:34px}.signup-form-area{padding-inline:10px}.signup-form fieldset{padding:14px!important}.signup-progress>b{width:48px}.step-actions{grid-template-columns:78px 1fr}.step-back,.signup-submit{font-size:11px}}
@media(prefers-reduced-motion:reduce){.signup-spark{animation:none}.signup-benefits>div,.step-next,.signup-submit{transition:none}}