diff --git a/index.html b/index.html
index 52a520e..efabf42 100644
--- a/index.html
+++ b/index.html
@@ -1066,163 +1066,7 @@
gap: 20px;
}
- /* ── Signup plan badges ──────────────────────────── */
- .signup-pricing-plans {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 12px;
- flex-wrap: wrap;
- margin-bottom: 8px;
- }
- .signup-plan {
- display: flex;
- flex-direction: column;
- align-items: center;
- background: var(--bg-inner);
- border: 1px solid var(--border);
- border-radius: 12px;
- padding: 10px 18px;
- min-width: 90px;
- transition: border-color 0.2s;
- }
- .signup-plan.featured {
- border-color: var(--accent);
- background: linear-gradient(180deg, rgba(79, 142, 247, 0.06) 0%, var(--bg-inner) 100%);
- }
- .signup-plan-name {
- font-size: 11px;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: 0.05em;
- color: var(--accent);
- }
- .signup-plan-price {
- font-size: 20px;
- font-weight: 800;
- color: var(--text);
- }
- .signup-pricing-badge .signup-pricing-term {
- font-size: 12px;
- color: var(--text-muted);
- }
- /* ══════════════════════════════════════════════════════════
- SIGNUP SECTION (inline form)
- ══════════════════════════════════════════════════════════ */
- .signup-section {
- padding: 80px 0 100px;
- }
-
- .signup-card {
- max-width: 560px;
- margin: 0 auto;
- background: var(--bg-card);
- border: 1px solid var(--border-hi);
- border-radius: var(--radius-card);
- padding: 36px 32px;
- box-shadow: var(--shadow);
- }
-
- .signup-pricing-badge {
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- gap: 6px;
- margin-bottom: 20px;
- padding: 16px 20px;
- background: var(--accent-dim);
- border: 1px solid rgba(79, 142, 247, 0.35);
- border-radius: 12px;
- }
- .signup-pricing-amount {
- font-size: 24px;
- font-weight: 800;
- color: var(--text);
- letter-spacing: -0.3px;
- line-height: 1;
- }
- .signup-pricing-amount span {
- font-size: 13px;
- font-weight: 500;
- color: var(--text-muted);
- }
- .signup-pricing-term {
- font-size: 11px;
- color: var(--text-muted);
- letter-spacing: 0.2px;
- }
-
- .signup-coupon-box { margin-bottom: 18px; }
- .signup-coupon-input-wrap {
- position: relative;
- display: flex;
- align-items: center;
- }
- .signup-coupon-input {
- width: 100%;
- padding: 8px 36px 8px 12px;
- background: var(--bg-input);
- border: 1px solid var(--border);
- border-radius: var(--radius);
- color: var(--text);
- font-size: 13px;
- outline: none;
- transition: border-color 0.15s;
- box-sizing: border-box;
- }
- .signup-coupon-input::placeholder { color: var(--text-muted); }
- .signup-coupon-input:focus { border-color: var(--accent); }
- .signup-coupon-input.signup-coupon-input-error { border-color: var(--danger); }
- .signup-coupon-spinner {
- position: absolute;
- right: 10px;
- display: flex;
- align-items: center;
- }
- .signup-coupon-error {
- margin-top: 5px;
- font-size: 11px;
- color: var(--danger);
- }
- .signup-coupon-success {
- display: flex;
- align-items: center;
- gap: 6px;
- margin-top: 8px;
- padding: 8px 12px;
- background: rgba(63, 201, 126, 0.1);
- border: 1px solid rgba(63, 201, 126, 0.3);
- border-radius: var(--radius);
- font-size: 12px;
- font-weight: 500;
- color: var(--success);
- }
-
- .signup-form {
- display: flex;
- flex-direction: column;
- gap: 12px;
- }
- .signup-form-row {
- display: flex;
- gap: 10px;
- flex-wrap: wrap;
- }
- .signup-form-row .form-group {
- flex: 1;
- min-width: 130px;
- }
- .signup-form .auth-error,
- .signup-form .auth-success {
- display: none;
- }
-
- @media (max-width: 500px) {
- .signup-card { padding: 24px 18px; }
- .signup-form-row { flex-direction: column; }
- }
/* ══════════════════════════════════════════════════════════
RESPONSIVE