/* Sign-in, plans and the account card. Uses Forma's existing welcome look. */
.account-shell .account-main{display:flex;flex-direction:column;align-items:center;text-align:center}
.account-shell .welcome-copy{max-width:600px;margin:0 auto}
.account-form{display:flex;flex-direction:column;gap:12px;margin:22px auto 0;max-width:380px;text-align:left}
.account-form .input{width:100%;min-height:48px;font-size:16px}
.account-form .btn{min-height:48px;justify-content:center}
.account-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#dfe7d7}
.account-check input{margin-top:4px;width:18px;height:18px;flex:none}
.account-check a,.account-links a,.plans a{color:#c8daa9}
.account-note{font-size:13px;line-height:1.55;color:#afc0aa;margin:14px auto 0;max-width:380px}
.account-links{font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.plans p{margin:0 0 12px;line-height:1.55}
.plan-features{margin:6px 0 16px;padding-left:18px;line-height:1.7;font-size:14px}
.plan-options{display:grid;gap:8px;margin:12px 0}
.plan-option{display:flex;flex-direction:column;gap:2px;text-align:left;padding:12px 14px;border:1px solid #cfd9cc;border-radius:14px;background:transparent;color:inherit;min-height:44px}
.plan-option strong{font-size:14px}.plan-option span{font-size:14px}.plan-option small{font-size:12px;opacity:.75}
.plan-option.selected{border-color:#5c7a4f;box-shadow:0 0 0 2px #5c7a4f33}
.plan-terms{font-size:13px;opacity:.85}
.plan-go{width:100%;justify-content:center;min-height:48px;margin:6px 0 10px}

.account-card p{line-height:1.55}
.account-actions{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin:10px 0}
.btn.danger,.text-link.danger{color:#c0533b}
.btn.primary.danger{background:#b5452f;color:#fff}
.account-shell .plans{text-align:left;max-width:420px;margin:18px auto 0}
.account-shell .plans>p:first-child,.account-shell .plan-terms{text-align:center}
.account-shell .plan-features{max-width:340px;margin-left:auto;margin-right:auto}
/* The welcome page's own orbit mark, smaller so the form fits below it. */
.welcome-shell.splash-stage.account-shell .cinematic-orbit{width:min(72vw,30dvh,280px);height:min(72vw,30dvh,280px);left:auto;margin:6px auto 26px}
.account-shell .welcome-copy{padding:0 22px}
.account-shell .account-form .input{background:#ffffff0d;border:1px solid #cfd9cc4d;color:#e7eee2;border-radius:14px;padding:0 16px}
.account-shell .account-form .input::placeholder{color:#9fb0a2}
.account-shell .plans,.account-shell .account-form,.account-shell .account-note{max-width:420px}