.subscription-page{font-family:var(--ds-sans);background:var(--ds-ground);color:var(--ds-ink);min-height:100vh;display:flex;align-items:center;justify-content:center}.subscription-container{max-width:560px;width:100%;margin:0 auto;padding:40px 16px}.subscription-card{background:var(--ds-white);border:1px solid var(--ds-line);border-radius:28px;padding:44px;box-shadow:0 30px 80px -40px rgba(10,31,60,.35);display:flex;flex-direction:column;gap:18px}.subscription-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:-.035em}.subscription-title{font-size:32px;font-weight:600;letter-spacing:-.035em;line-height:1.15;margin:6px 0 0}.subscription-subtitle{margin:0;font-size:15px;color:var(--ds-body);line-height:1.55}.subscription-trial-note{margin:0;padding:12px 16px;border-radius:12px;border:1px solid var(--ds-violet-line);background:var(--ds-violet-lighter);color:var(--ds-violet-dark);font-size:14px;line-height:1.5}.subscription-error{margin:0;padding:12px 16px;border-radius:12px;border:1px solid var(--ds-red-line);background:#fef3f2;color:var(--ds-red);font-size:14px}.subscription-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.subscription-button{width:100%;min-height:48px;padding:12px 16px;border-radius:999px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.subscription-button:disabled{opacity:.6;cursor:not-allowed}.subscription-button--primary{background:var(--ds-violet);color:#fff}.subscription-button--primary:hover:not(:disabled){background:var(--ds-violet-dark)}.subscription-button--secondary{background:var(--ds-white);color:var(--ds-ink);border-color:var(--ds-line-3)}.subscription-button--secondary:hover:not(:disabled){border-color:var(--ds-violet)}.subscription-button--ghost{min-height:40px;background:transparent;color:var(--ds-muted);font-weight:500}.subscription-button--ghost:hover:not(:disabled){color:var(--ds-ink)}