login

styles.css

@@ -1686,114 +1686,30 @@ body.auth-layout .auth-pane {
 }
 /* Right pane: badge at top, form pushed to bottom */
 body.auth-layout .auth-pane:last-child {
-    justify-content: flex-start;
-}
-body.auth-layout #signup-form {
-    margin-top: auto;
+    justify-content: center;
 }
 
 /* Pricing badge */
-.pricing-badge {
-    display: none;
-}
-body.auth-layout .pricing-badge {
+/* ─── Hire Agent CTA (replaces signup form) ──────────────────────────── */
+.hire-cta {
     display: flex;
     flex-direction: column;
-    align-items: center;
-    text-align: center;
-    gap: 6px;
-    margin: 20px 24px 0;
-    padding: 14px 20px;
-    background: var(--accent-dim);
-    border: 1px solid rgba(0, 245, 255, 0.35);
-    border-radius: var(--radius);
-}
-.pricing-amount {
-    font-size: 22px;
-    font-weight: 800;
-    color: var(--text);
-    letter-spacing: -0.3px;
-    line-height: 1;
-}
-.pricing-amount span {
-    font-size: 13px;
-    font-weight: 500;
-    color: var(--text-muted);
-}
-.pricing-term {
-    font-size: 11px;
-    color: var(--text-muted);
-    letter-spacing: 0.2px;
-}
-.pricing-bonus {
-    display: flex;
-    align-items: center;
-    gap: 5px;
-    font-size: 12px;
-    color: var(--accent);
-    font-weight: 500;
+    gap: 14px;
+    padding: 20px 24px 28px;
 }
 
-/* Coupon box */
-.coupon-box {
-    display: none;
-}
-body.auth-layout .coupon-box {
+.hire-link {
     display: block;
-    margin: 10px 24px 0;
-}
-.coupon-input-wrap {
-    position: relative;
-    display: flex;
-    align-items: center;
-}
-.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;
-}
-.coupon-input::placeholder {
-    color: var(--text-muted);
-}
-.coupon-input:focus {
-    border-color: var(--accent);
-}
-.coupon-input.coupon-input-error {
-    border-color: var(--danger);
-}
-.coupon-spinner {
-    position: absolute;
-    right: 10px;
-    display: flex;
-    align-items: center;
-}
-.coupon-error {
-    margin-top: 5px;
-    font-size: 11px;
-    color: var(--danger);
-}
-.coupon-success {
-    display: none;
-}
-body.auth-layout .coupon-success {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    margin: 10px 24px 0;
-    padding: 8px 12px;
-    background: rgba(63, 201, 126, 0.1);
-    border: 1px solid rgba(63, 201, 126, 0.3);
-    border-radius: var(--radius);
+    text-align: center;
     font-size: 12px;
-    font-weight: 500;
-    color: var(--success);
+    color: var(--text-muted);
+    text-decoration: none;
+    letter-spacing: 0.2px;
+    transition: color 0.15s;
+}
+
+.hire-link:hover {
+    color: var(--accent);
 }
 body.auth-layout .auth-forms-divider {
     width: 1px;
@@ -1807,6 +1723,9 @@ body.auth-layout .auth-forms-divider {
 }
 body.auth-layout #signup-form {
     display: flex !important;
+    flex-direction: column;
+    gap: 14px;
+    padding: 24px;
 }
 /* Sign-in form stretches and pushes its button to the bottom
    so it aligns with the Create Account button on the right */
@@ -1817,23 +1736,9 @@ body.auth-layout #signin-btn {
     margin-top: auto;
 }
 
-/* Demo app-shell: matches auth card width, shorter height */
+/* Demo shell is always hidden — we no longer show a preview on the auth screen */
 #app-shell.demo-mode {
-    width: min(1060px, calc(100vw - 16px));
-    height: min(500px, calc(100vh - 360px));
-    flex-shrink: 0;
-    animation: none; /* prevent double-play alongside auth-card */
-}
-
-#app-shell.demo-mode .app-header,
-#app-shell.demo-mode .agent-tabs-bar {
-    opacity: 0.55;
-    pointer-events: none;
-    user-select: none;
-}
-#app-shell.demo-mode .app-body {
-    pointer-events: none;
-    user-select: none;
+    display: none !important;
 }
 
 .demo-notice {