@layer components{.signup-card{--surface-glass-tint:var(--surface-strong-soft);background-color:var(--surface-glass-tint);backdrop-filter:blur(var(--glass-blur-card)) saturate(var(--glass-saturate-card));--surface-card-glass-base:var(--surface-glass-tint);--surface-card-fill:var(--surface-card-fill-soft);--surface-card-rim:var(--surface-card-rim-soft);background-image:linear-gradient(166deg,#92aac609 0%,#6882a006 24%,#1624380d 56%,#03081224 100%);background:var(--surface-card-fill) padding-box, var(--surface-card-rim) border-box;border-radius:var(--radius-xl);transition:box-shadow var(--duration-base) var(--ease-default), background var(--duration-base) var(--ease-default), border-color var(--duration-base) var(--ease-default), transform var(--duration-base) var(--ease-default);border:1px solid #0000;position:relative;overflow:hidden;box-shadow:0 24px 44px -40px #00020ae6,0 0 0 1px #809ab80f,inset 0 1px #c6daee14,inset 0 -1px #3a4e681f}.signup-page{min-height:calc(100vh - 60px);padding:clamp(var(--space-12), 7vw, var(--space-16)) var(--space-6) var(--space-8)}.signup-container{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;width:100%;max-width:1100px;margin-inline:auto;display:grid}.signup-card{padding:var(--space-6) var(--space-7);animation:fade-in-up var(--duration-enter) var(--ease-snappy) both;align-self:start}.signup-card__title{background:var(--gradient-hero-text);-webkit-text-fill-color:transparent;font-size:var(--text-2xl);font-weight:var(--weight-bold);-webkit-background-clip:text;background-clip:text;margin:0;line-height:1.2}.signup-card .account-funnel__header{gap:var(--space-2);margin-bottom:var(--space-5);text-align:left;flex-direction:column;display:flex}.auth-form--signup{gap:var(--space-4);display:grid}.signup-form-grid{gap:var(--space-3);display:grid}.signup-form-grid--identity{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.signup-card .auth-form .form-group{margin-bottom:0}.signup-card .form-group--float{position:relative}.signup-card .form-group--float>.form-input,.signup-card .password-field-wrap>.form-input,.signup-card .url-field-wrap>.form-input{padding-top:var(--space-6);padding-bottom:var(--space-2)}.signup-card .form-group--float>.form-label,.signup-card .password-field-wrap>.form-label,.signup-card .url-field-wrap>.form-label{top:50%;left:var(--space-3);font-size:var(--text-sm);color:var(--color-text-faint);pointer-events:none;transition:all var(--duration-fast) var(--ease-default);transform-origin:0;z-index:1;position:absolute;transform:translateY(-50%)}.signup-card .form-group--float>.form-input:focus~.form-label,.signup-card .form-group--float>.form-input:not(:placeholder-shown)~.form-label,.signup-card .form-group--float>.form-input:-webkit-autofill~.form-label,.signup-card .password-field-wrap>.form-input:focus~.form-label,.signup-card .password-field-wrap>.form-input:not(:placeholder-shown)~.form-label,.signup-card .password-field-wrap>.form-input:-webkit-autofill~.form-label,.signup-card .url-field-wrap>.form-input:focus~.form-label,.signup-card .url-field-wrap>.form-input:not(:placeholder-shown)~.form-label,.signup-card .url-field-wrap>.form-input:-webkit-autofill~.form-label{color:var(--color-text-muted);top:2px;transform:translateY(0)scale(.72)}.signup-card .form-group--url .url-field-wrap>.form-label{left:var(--space-3)}.signup-card .form-group--url .url-field-wrap.has-favicon>.form-label,.signup-card .form-group--url .url-field-wrap.has-favicon>.form-input:focus~.form-label,.signup-card .form-group--url .url-field-wrap.has-favicon>.form-input:not(:placeholder-shown)~.form-label,.signup-card .form-group--url .url-field-wrap.has-favicon>.form-input:-webkit-autofill~.form-label{left:var(--url-prefix-start)}.signup-card .form-group--url .url-field-wrap.has-favicon>.form-label,.signup-card .form-group--url .url-field-wrap.has-favicon>.form-input:focus~.form-label,.signup-card .form-group--url .url-field-wrap.has-favicon>.form-input:not(:placeholder-shown)~.form-label,.signup-card .form-group--url .url-field-wrap.has-favicon>.form-input:autofill~.form-label{left:var(--url-prefix-start)}.form-input__check{right:var(--space-3);opacity:0;color:var(--color-success);transition:all var(--duration-fast) var(--ease-snappy);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)scale(0)}.form-input__check svg{width:14px;height:14px}.form-group--float.is-valid>.form-input__check,.password-field-wrap.is-valid>.form-input__check,.url-field-wrap.is-valid>.form-input__check{opacity:1;transform:translateY(-50%)scale(1)}.form-group--float.is-valid>.form-input,.password-field-wrap.is-valid>.form-input,.url-field-wrap.is-valid>.form-input{border-color:var(--alpha-success-30,#34d3994d)}.password-toggle{right:var(--space-3);padding:var(--space-1);cursor:pointer;color:var(--color-text-faint);z-index:2;transition:color var(--duration-fast);background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-muted)}.password-toggle svg{width:16px;height:16px}.password-toggle__hide,.password-toggle.is-visible .password-toggle__show{display:none}.password-toggle.is-visible .password-toggle__hide{display:block}.password-field-wrap .form-input__check{right:calc(var(--space-3) + 28px)}.password-field-wrap>.form-input{padding-right:calc(var(--space-3) + 56px)}.url-field-wrap{--url-favicon-offset:1px;--url-favicon-size:calc(var(--space-7) + var(--space-2));--url-prefix-start:calc(var(--url-favicon-offset) + var(--url-favicon-size) + var(--space-2));position:relative}.url-field__favicon{left:var(--url-favicon-offset);top:var(--url-favicon-offset);bottom:var(--url-favicon-offset);width:var(--url-favicon-size);z-index:2;opacity:0;border-radius:calc(var(--radius-md) - 1px);pointer-events:none;transition:opacity var(--duration-fast), transform var(--duration-fast), border-color var(--duration-fast), background-color var(--duration-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden;transform:scale(.92)}.url-field-wrap.has-favicon .url-field__favicon,.url-field__favicon.has-favicon{opacity:1;background:var(--color-text-white);border-color:#0f172a1f;transform:none}.url-field__favicon img{object-fit:contain;width:100%;height:100%;padding:var(--space-1);background:0 0;display:block}.url-field__favicon.has-favicon img{background:var(--color-text-white)}.url-field__globe,.url-field__favicon.has-favicon .url-field__globe{display:none}.url-field-wrap>.form-input{padding-left:var(--space-3)}.url-field-wrap.has-favicon>.form-input{padding-left:var(--url-prefix-start)}.url-field-wrap .form-input__check{right:var(--space-3)}.form-group--password,.password-field-wrap{position:relative}.password-rules{z-index:var(--z-dropdown);margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--alpha-primary-20);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-default), transform var(--duration-fast) var(--ease-default), visibility var(--duration-fast);pointer-events:none;background:#071124f2;position:absolute;top:100%;left:0;right:0;transform:translateY(-4px)}.password-field-wrap:focus-within .password-rules,.password-rules.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.password-rules__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:flex}.password-rule{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--duration-fast);white-space:nowrap;display:inline-flex}.password-rule__icon{width:14px;height:14px;color:var(--color-text-faint);transition:color var(--duration-fast);flex-shrink:0}.password-rule--met{color:var(--color-text-secondary)}.password-rule--met .password-rule__icon{color:var(--color-success)}.signup-email-cadence{padding:var(--space-2) 0;border-top:1px solid var(--color-border-subtle)}.signup-email-cadence__icon{vertical-align:-2px;width:14px;height:14px;color:var(--color-text-muted);margin-right:2px;display:inline-block}.signup-email-cadence__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.signup-email-cadence__info{flex-direction:column;gap:0;display:flex}.signup-email-cadence__info .form-label{font-size:var(--text-sm);align-items:center;gap:var(--space-1);margin:0;display:flex}.signup-email-cadence__info .form-hint{font-size:var(--text-xs);margin:0}.pricing-switch--compact{font-size:var(--text-xs)}.signup-footer{max-width:1100px;margin:var(--space-8) auto 0;text-align:center;font-size:var(--text-sm);color:var(--color-text-faint)}.signup-footer p{margin:0}.signup-footer a{color:var(--color-text-muted);transition:color var(--duration-fast);text-decoration:none}.signup-footer a:hover{color:var(--color-primary)}.signup-card .auth-form .btn--full{margin-top:var(--space-1)}.signup-cta{transition:opacity var(--duration-fast), filter var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast)}.signup-cta:hover{filter:brightness(1.08);box-shadow:var(--shadow-btn-glow-hover);background-position:0 0;transform:translateY(-1px)}.signup-cta:hover:before{animation:none}.signup-cta:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 4px var(--alpha-primary-20), var(--shadow-btn)}.signup-cta.is-ready{animation:2s ease-in-out infinite cta-pulse}@keyframes cta-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 20px var(--alpha-primary-20)}}@keyframes field-nudge{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.form-input.shake-invalid{animation:.35s field-nudge;border-color:var(--alpha-error-45)!important}.signup-card__footer{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--alpha-white-06);text-align:center;font-size:var(--text-xs);color:var(--color-text-faint);gap:var(--space-1);flex-direction:column;display:flex}.signup-card__footer .auth-terms{margin:0}.signup-card__footer .account-funnel__link-row,.signup-card__footer .auth-footer-link{color:var(--color-text-muted)}.signup-card__footer .account-funnel__link-row a,.signup-card__footer .auth-footer-link a{color:var(--color-primary)}.signup-card__footer .account-funnel__link-row a:hover,.signup-card__footer .auth-footer-link a:hover{text-decoration:underline}.signup-summary{top:calc(var(--header-height) + var(--space-4));gap:var(--space-3);height:fit-content;animation:fade-in-up var(--duration-enter) var(--ease-snappy) both;font-size:var(--text-xs);flex-direction:column;align-self:start;animation-delay:.12s;display:flex;position:sticky}.signup-summary__header{justify-content:space-between;align-items:center;display:flex}.signup-summary__title{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin:0}.signup-summary__currency{align-items:center;gap:2px;display:inline-flex}.signup-summary__selectors{border-radius:var(--radius-lg);border:1px solid var(--alpha-white-06);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.signup-summary__selectors .pricing-switch{border:none;border-radius:0;display:contents}.signup-summary__selectors .pricing-switch__btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-2);white-space:nowrap;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative}.signup-summary__package-switch .pricing-switch__btn{border-bottom:1px solid var(--alpha-white-06)}.signup-summary__selectors .pricing-switch__btn:first-child,.signup-summary__selectors .pricing-switch__btn:first-of-type{border-right:1px solid var(--alpha-white-06)}.signup-summary__package-switch .pricing-switch__btn--active{color:var(--color-accent-cyan);background:var(--alpha-primary-08)}.signup-summary__plan-switch .pricing-switch__btn--active{color:var(--color-accent-purple);background:var(--alpha-purple-08)}.pricing-switch__badge{margin-left:var(--space-1);font-size:.6rem;font-weight:var(--weight-semibold);opacity:.75;display:inline-block}.summary-pricing{text-align:center;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--alpha-primary-05);border:1px solid var(--alpha-primary-10)}.summary-pricing__amount{font-size:var(--text-xl);font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--color-text);line-height:1.2;display:block}.summary-note{margin-top:var(--space-1);color:var(--color-text-muted)}.summary-trial{align-items:baseline;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--alpha-primary-05);border:1px solid var(--alpha-primary-10);display:flex}.summary-trial__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-medium)}.summary-trial__value{font-family:var(--font-mono);font-weight:var(--weight-bold);color:var(--color-text)}.summary-trial__note{color:var(--color-text-muted)}.summary-includes{gap:var(--space-2) var(--space-3);color:var(--color-text-secondary);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.summary-includes li{align-items:center;gap:var(--space-1);line-height:1.4;display:flex}.summary-includes__icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.summary-includes__icon svg{width:12px;height:12px}.summary-includes__icon--cyan{color:var(--color-accent-cyan)}.summary-includes__icon--purple{color:var(--color-accent-purple)}.summary-includes__icon--green{color:var(--color-success)}.summary-includes__icon--orange{color:var(--color-accent-orange)}.coupon-reveal--sidebar{border:1px dashed var(--alpha-white-08);border-radius:var(--radius-md);background:0 0}.coupon-reveal--sidebar summary{padding:var(--space-2) var(--space-3);font-weight:var(--weight-medium);color:var(--color-text-muted);cursor:pointer}.coupon-reveal--sidebar[open] summary{color:var(--color-accent-cyan)}.coupon-reveal--sidebar .coupon-reveal__field{padding:0 var(--space-3) var(--space-2)}.summary-security{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:flex}.summary-security svg{width:14px;height:14px;color:var(--color-success);flex-shrink:0}@media (width<=900px){.signup-page{padding:var(--space-8) var(--space-4) var(--space-8)}.signup-card{padding:var(--space-5) var(--space-5)}.signup-container{grid-template-columns:1fr;max-width:620px}.signup-summary{order:2;position:static}.signup-form-grid--identity{grid-template-columns:1fr}}@media (width<=480px){.signup-page{padding:var(--space-5) var(--space-3) var(--space-6)}.signup-card{padding:var(--space-4) var(--space-4)}.signup-card__title{font-size:var(--text-xl)}.signup-summary__selectors .pricing-switch__btn{padding:var(--space-2) var(--space-1);font-size:.68rem}.pricing-switch__meta{display:none}.summary-includes{gap:var(--space-2);grid-template-columns:1fr}}}