@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');

/* Paste AFTER theme.css in aMember Extra CSS */
.am-credits { display: none !important; }
body.am-page-signup .am-body-content-top,
body.am-page-signup .am-body-content-top h1 { display: none !important; }
body.am-page-login .am-credits { display: none !important; }

/* ========================================= 
 SIGNUP PAGE FULL CUSTOM LAYOUT 
 (only affects pages with body.am-page-signup) 
 ========================================= */ 
 
body.am-page-signup { 
 /* Match noxtools style: clean system font + slightly larger base text */ 
 font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
 font-size: 16px; 
} 
 
body.am-page-signup { 
 /* Keep Inter base font, but restore original colorful background */ 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
 background: radial-gradient(circle at top left, #e0f2fe 0, #f1f5f9 45%, #fdf2ff 100%); 
} 
body.am-page-signup .am-body-content-wrapper { 
 background: transparent !important; 
 box-shadow: none !important; 
 border-radius: 0 !important; 
 margin: 0 !important; 
 padding: 0 0 3rem 0; 
 min-height: 100vh; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
/* Main container wide, thoda side padding */ 
body.am-page-signup .am-main { 
 max-width: 100% !important; 
 padding-left: 2rem; 
 padding-right: 2rem; 
} 
 
/* Default layout heading "Signup Form" ko hide karo (left top only) */ 
body.am-page-signup .am-body-content > h1, 
body.am-page-signup .am-body-content .am-page-title { 
 display: none !important; 
} 
/* Hamara custom center title visible rahe */ 
body.am-page-signup .kt-signup-header .kt-signup-title { 
 display: block; 
} 
 
/* Inner signup wrapper – card-like section, center aligned */ 
body.am-page-signup .kt-signup-page { 
 width: 100%; 
 max-width: 1160px; 
 margin: 0 auto; 
} 
 
/* Signup form rows – use full-width rows, label on top like ToolzBuy */ 
body.am-page-signup .am-form .am-row { 
 display: block; 
} 
body.am-page-signup .am-form .am-row .am-element-title { 
 float: none; 
 width: 100%; 
 margin: 0; /* label bilkul input ke sath */ 
 padding: 0 0 0 0.25rem; /* left se thodi si padding taake text bilkul edge se na lage */ 
 text-align: left; 
} 
body.am-page-signup .am-form .am-row .am-element-title label { 
 display: inline-block; 
 font-weight: 600; /* field label (e.g. * First & Last Name) bold */ 
 margin: 0; 
 color: #111827; /* same dark label color */ 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
 
/* Helper/comment text under labels (email note, password note, etc.) */ 
body.am-page-signup .am-form .am-row .am-element-title .comment { 
 font-size: 0.875rem; 
 color: #6b7280; 
 margin-top: 0.375rem; 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
body.am-page-signup .am-form .am-row .am-element { 
 margin-left: 0 !important; 
 width: 100% !important; 
 margin-top: 0; /* input block bilkul label ke paas */ 
} 
 
/* Group fields (First & Last Name, State + text, Mobile code + number) side-by-side like ToolzBuy */ 
body.am-page-signup .am-form .am-row .am-element.group { 
 display: flex; 
 flex-wrap: wrap; 
 gap: 0.5rem; 
 margin-top: 0; /* group inputs bhi label se chipke rahen */ 
} 
body.am-page-signup .am-form .am-row .am-element.group > input, 
body.am-page-signup .am-form .am-row .am-element.group > select { 
 flex: 1 1 0; 
 min-width: 0; 
 height: 44px; 
 padding: 0.75rem 1rem; 
 border-radius: 8px; 
 border: 1px solid #cbd5e1; /* original border color */ 
 box-sizing: border-box; 
 background: #f9fafb; 
 color: #111827; 
} 
 
/* Last section (all rows except products) – simple stacked rows (no outer card box) */ 
body.am-page-signup .am-form .am-row:not(#row-product_id_page-0-0) { 
 background: transparent; 
 border-radius: 0; 
 border: none; 
 padding: 0; 
 margin-bottom: 0.9rem; 
 box-sizing: border-box; 
 width: 100%; 
 transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; 
} 
 
/* Hide original field label "* Membership Type" row title; we use custom heading instead */ 
body.am-page-signup #row-product_id_page-0-0 .am-element-title { 
 display: none; 
} 
/* All normal inputs full-width; group rows handled separately (name, state+text, mobile) */ 
body.am-page-signup .am-form .am-row:not(#row-product_id_page-0-0) .am-element:not(.group) input, 
body.am-page-signup .am-form .am-row:not(#row-product_id_page-0-0) .am-element:not(.group) select, 
body.am-page-signup .am-form .am-row:not(#row-product_id_page-0-0) .am-element:not(.group) textarea { 
 width: 100% !important; 
 max-width: 100% !important; 
 box-sizing: border-box; 
 border-radius: 8px; 
 border: 1px solid #cbd5e1; 
 padding: 0.9rem 0.9rem; 
 background-color: #f9fafb; 
 color: #111827; 
 transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; 
} 
 
/* Inputs focus state – email/username/password, etc. */ 
body.am-page-signup .am-form .am-row:not(#row-product_id_page-0-0) .am-element input:focus, 
body.am-page-signup .am-form .am-row:not(#row-product_id_page-0-0) .am-element select:focus, 
body.am-page-signup .am-form .am-row:not(#row-product_id_page-0-0) .am-element textarea:focus { 
 outline: none; 
 border-color: #0ea5e9; 
 background-color: #ffffff; 
 box-shadow: 0 0 0 1px #0ea5e9; 
} 
 
/* Signup form rows – no card‑like hover so each field doesn't look like popup */ 
body.am-page-signup .am-form .am-row:not(#row-product_id_page-0-0):hover { 
 border-color: transparent; 
 box-shadow: none; 
} 
 
/* Required asterisk + error messages – same red as reference */ 
body.am-page-signup .am-form .required { 
 color: #dc2626; 
} 
 
body.am-page-signup .am-form .am-error { 
 color: #dc2626; 
 font-size: 0.875rem; 
 margin-top: 0.25rem; 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
 
/* Hide default "If you already have an account..." info row on signup form only */ 
body.am-page-signup .am-form .am-info { 
 display: none; 
} 
 
/* Submit row – highlight button area */ 
body.am-page-signup .am-form .am-row input[type="submit"] { 
 width: 100%; 
 font-size: 0.98rem; 
 font-weight: 600; 
 padding: 0.9rem 1.2rem; 
 border-radius: 999px; 
 background: #0ea5e9 !important; 
 border-color: #0ea5e9 !important; 
 color: #ffffff !important; 
 box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16); 
 transition: box-shadow 0.15s ease, transform 0.15s ease; 
} 
 
body.am-page-signup .am-form .am-row input[type="submit"]:hover { 
 background: #0ea5e9 !important; 
 border-color: #0ea5e9 !important; 
 color: #ffffff !important; 
 box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18); 
 transform: translateY(-1px); 
} 
 
/* Submit row already full width because form is single column */ 
 
body.am-page-signup .kt-signup-card { 
 /* Restore earlier softer gradient card look */ 
 background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 40%, #ecfeff 100%) !important; 
 border-radius: 18px !important; 
 padding: 2rem 2rem 2.25rem !important; 
 box-shadow: 0 18px 45px rgba(15, 23, 42, 0.12) !important; 
 border: 1px solid #e0f2fe; 
} 
 
/* Make inner signup form wrapper fully transparent so everything 
 (plans, tools, fields) visually lagay ke direct outer card ke andar hai */ 
body.am-page-signup .kt-signup-form-wrap, 
body.am-page-signup .am-signup, 
body.am-page-signup .am-signup-form { 
 background: transparent !important; 
 border: none !important; 
 box-shadow: none !important; 
 padding: 0 !important; 
 margin: 0 !important; 
} 
 
/* Header */ 
body.am-page-signup .kt-signup-header { 
 text-align: center; 
 margin-bottom: 1.75rem; 
 padding-bottom: 1.25rem; 
 border-bottom: 1px solid #e2e8f0; 
} 
 
body.am-page-signup .kt-signup-title { 
 margin: 0 0 0.3rem; 
 font-size: 1.5rem; 
 font-weight: 700; 
 letter-spacing: 0; 
 font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
 
body.am-page-signup .kt-signup-subtitle { 
 margin: 0; 
 font-size: 0.95rem; 
 color: #6b7280; 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
 
body.am-page-signup .kt-signup-subtitle a { 
 color: #0079d1; 
 font-weight: 500; 
 text-decoration: none; 
} 
 
/* ===== Plans (membership bundles) – full-width cards ===== */ 
 
body.am-page-signup .kt-membership-plans { 
 width: 100%; 
 max-width: 1200px; 
 margin: 0 auto 2.25rem; /* cards ke neeche zyada space */ 
 display: flex; 
 flex-direction: column; 
 gap: 1.1rem; /* har plan card ke darmiyan zyada gap */ 
} 
 
/* Membership helper heading above plans/tools */ 
body.am-page-signup .kt-membership-header { 
 margin-bottom: 0.9rem; 
} 
body.am-page-signup .kt-mh-title { 
 font-size: 0.95rem; 
 font-weight: 600; 
 color: #0f172a; 
 margin-bottom: 0.15rem; 
} 
body.am-page-signup .kt-mh-sub { 
 font-size: 0.85rem; 
 color: #1a73e8; /* blue for helper text under Membership Type */ 
} 
 
/* Global duration selector bar */ 
body.am-page-signup .kt-duration-bar { 
 width: 100%; 
 max-width: 760px; /* center, similar width to cards */ 
 margin: 1.75rem auto 1.75rem auto; 
 padding: 1.25rem 1.6rem; 
 border-radius: 20px; 
 border: 1px solid #bfdbfe; 
 background: linear-gradient(135deg, #eef2ff 0%, #e0f2fe 40%, #ecfeff 100%); 
 box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14); 
} 
body.am-page-signup .kt-duration-label { 
 display: block; 
 font-size: 1rem; 
 font-weight: 600; 
 color: #0f172a; 
 margin-bottom: 0.85rem; 
 text-align: center; 
} 
body.am-page-signup .kt-duration-options { 
 display: grid; 
 grid-template-columns: repeat(4, minmax(0, 1fr)); 
 gap: 0.85rem; 
} 
body.am-page-signup .kt-duration-btn { 
 border-radius: 12px; 
 border: 1px solid #e2e8f0; 
 background: #f8fafc; 
 font-size: 0.95rem; 
 padding: 0.85rem 0.6rem; 
 cursor: pointer; 
 color: #0f172a; 
 text-align: center; 
 font-weight: 500; 
 transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; 
} 
body.am-page-signup .kt-duration-btn.kt-duration-active { 
 background: #22c55e; 
 border-color: #4e80a6; 
 color: #ffffff; 
 box-shadow: 0 4px 12px rgba(15, 23, 42, 0.16); 
} 
body.am-page-signup .kt-duration-btn:hover { 
 border-color: #4e80a6; 
 background-color: #e0f2fe; 
 transform: translateY(-1px); 
} 
 
body.am-page-signup .kt-duration-btn:focus-visible { 
 outline: none; 
 border-color: #4e80a6; 
 box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.4); 
} 
 
/* Custom order summary box under duration */ 
body.am-page-signup .kt-order-summary { 
 width: 100%; 
 max-width: 760px; /* duration bar ke barabar width, center */ 
 margin: 0 auto 2.25rem auto; 
 padding: 1.1rem 1.6rem 1.2rem; 
 border-radius: 14px; 
 border: 1px solid #e2e8f0; 
 background: linear-gradient(135deg, #ffffff 0%, #f9fafb 40%, #eff6ff 100%); 
 box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10); 
} 
body.am-page-signup .kt-os-title { 
 font-size: 0.95rem; 
 font-weight: 600; 
 color: #0f172a; 
 margin-bottom: 0.4rem; 
 border-bottom: 1px solid #e5e7eb; 
 padding-bottom: 0.35rem; 
} 
body.am-page-signup .kt-os-empty { 
 font-size: 0.88rem; 
 color: #6b7280; 
 font-style: italic; 
} 
body.am-page-signup .kt-os-main { 
 display: flex; 
 flex-direction: row; 
 justify-content: space-between; 
 align-items: center; 
 margin-top: 0.35rem; 
} 
body.am-page-signup .kt-os-plan { 
 font-size: 0.95rem; 
 font-weight: 600; 
 color: #0f172a; 
} 
/* Total row in custom order summary */ 
body.am-page-signup .kt-os-main-total { 
 border-top: 1px solid #e5e7eb; 
 margin-top: 0.4rem; 
 padding-top: 0.5rem; 
} 
body.am-page-signup .kt-os-main-total .kt-os-total-label { 
 font-size: 1rem; 
 font-weight: 700; 
} 
body.am-page-signup .kt-os-main-total .kt-os-total-value { 
 font-size: 1.05rem; 
 font-weight: 700; 
} 
body.am-page-signup .kt-os-price { 
 font-size: 1.05rem; 
 font-weight: 700; 
 color: #ef4444; /* red only for final price text */ 
 padding: 0; 
 border-radius: 0; 
 background: transparent; 
} 
 
/* Plan cards (main + dropdown) */ 
body.am-page-signup .kt-membership-plans label, 
body.am-page-signup .kt-other-plans-list label { 
 display: flex !important; 
 flex-direction: column; 
 align-items: flex-start; 
 gap: 0.25rem; 
 padding: 1rem 2.4rem 1rem 1.4rem; /* space on right for custom checkbox */ 
 border-radius: 12px; 
 border: 1px solid #dbeafe; 
 background: linear-gradient(135deg, #ffffff 0%, #f9fafb 40%, #eff6ff 100%); 
 cursor: pointer; 
 transition: border-color 0.15s ease, box-shadow 0.15s ease, 
 background-color 0.15s ease, transform 0.15s ease; 
} 
 
body.am-page-signup .kt-membership-plans label:hover, 
body.am-page-signup .kt-other-plans-list label:hover { 
 border-color: #16a34a; /* green hover on plans */ 
 background: linear-gradient(135deg, #ffffff 0%, #dcfce7 40%, #bbf7d0 100%); 
 transform: translateY(-1px); 
} 
 
body.am-page-signup .kt-membership-plans label input[type="radio"], 
body.am-page-signup .kt-other-plans-list label input[type="radio"] { 
 display: none; 
} 
 
/* Plans inner text styling – 3 lines: name, price (terms), description */ 
body.am-page-signup .kt-membership-plans .am-product-title, 
body.am-page-signup .kt-other-plans-list .am-product-title { 
 display: block; 
 font-weight: 600; 
 font-size: 1rem; 
 color: #111827; /* dark heading like noxtools */ 
 margin-bottom: 0.2rem; /* name ke niche thora gap */ 
 font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
body.am-page-signup .kt-membership-plans .am-product-terms, 
body.am-page-signup .kt-other-plans-list .am-product-terms { 
 display: block; 
 font-weight: 500; 
 font-size: 0.95rem; 
 color: #6b7280; /* muted gray line; inner .am-product-price stays red */ 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
 margin-bottom: 0.18rem; /* price aur description ke beech gap */ 
} 
body.am-page-signup .kt-membership-plans .am-product-desc, 
body.am-page-signup .kt-other-plans-list .am-product-desc { 
 display: block; 
 margin-top: 0.1rem; 
 font-size: 0.85rem; 
 font-weight: 400; 
 font-style: normal; 
 color: #6b7280; /* softer gray description like reference site */ 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
 
/* Selected state for plan card */ 
body.am-page-signup .kt-membership-plans label.kt-selected, 
body.am-page-signup .kt-other-plans-list label.kt-selected { 
 border-color: #0ea5e9; 
 box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16); 
 background: linear-gradient(135deg, #ffffff 0%, #eef2ff 40%, #e0f2fe 100%); 
 transform: translateY(-2px); 
} 
 
/* ===== Single tools – 4‑card grid, full width (main + dropdown) ===== */ 
 
body.am-page-signup .kt-tools-grid { 
 width: 100%; 
 max-width: 1200px; 
 margin: 0 auto 2rem; 
 display: grid !important; 
 grid-template-columns: repeat(4, minmax(0, 1fr)); 
 gap: 1.25rem; /* single tools cards ke darmiyan gap thora bada */ 
} 
 
body.am-page-signup .kt-tools-grid label, 
body.am-page-signup .kt-other-tools-list label { 
 display: flex !important; 
 flex-direction: column; 
 align-items: flex-start; 
 padding: 0.9rem 2.0rem 0.9rem 1.05rem; /* space on right for custom checkbox */ 
 border-radius: 10px; 
 border: 1px solid #dbeafe; 
 background: linear-gradient(135deg, #ffffff 0%, #f9fafb 35%, #ecfeff 100%); 
 cursor: pointer; 
 transition: border-color 0.15s ease, box-shadow 0.15s ease, 
 background-color 0.15s ease, transform 0.15s ease; 
} 
 
body.am-page-signup .kt-tools-grid label:hover, 
body.am-page-signup .kt-other-tools-list label:hover { 
 border-color: #16a34a; /* green hover on tools */ 
 background: linear-gradient(135deg, #ffffff 0%, #dcfce7 40%, #bbf7d0 100%); 
 transform: translateY(-1px); 
} 
 
body.am-page-signup .kt-tools-grid label input[type="radio"], 
body.am-page-signup .kt-other-tools-list label input[type="radio"] { 
 display: none; 
} 
 
/* Custom radio circle (looks like normal dot) – apply to all plan/tool cards */ 
body.am-page-signup .kt-membership-plans label, 
body.am-page-signup .kt-tools-grid label, 
body.am-page-signup .kt-other-plans-list label, 
body.am-page-signup .kt-other-tools-list label { 
 position: relative; 
} 
 
/* Hide native checkboxes/radios inside product cards – we use custom circle on right */ 
body.am-page-signup #row-product_id_page-0-0 .am-element label input[type="checkbox"], 
body.am-page-signup #row-product_id_page-0-0 .am-element label input[type="radio"] { 
 position: absolute; 
 opacity: 0; 
 pointer-events: none; 
} 
body.am-page-signup .kt-membership-plans label::before, 
body.am-page-signup .kt-tools-grid label::before, 
body.am-page-signup .kt-other-plans-list label::before, 
body.am-page-signup .kt-other-tools-list label::before { 
 content: ""; 
 position: absolute; 
 right: 1rem; 
 left: auto; 
 top: 50%; 
 width: 14px; 
 height: 14px; 
 border-radius: 999px; 
 border: 2px solid #94a3b8; 
 background: #ffffff; 
 transform: translateY(-50%); 
 box-sizing: border-box; 
} 
body.am-page-signup .kt-membership-plans label.kt-selected::before, 
body.am-page-signup .kt-tools-grid label.kt-selected::before, 
body.am-page-signup .kt-other-plans-list label.kt-selected::before, 
body.am-page-signup .kt-other-tools-list label.kt-selected::before { 
 border-color: #0ea5e9; 
} 
body.am-page-signup .kt-membership-plans label.kt-selected::after, 
body.am-page-signup .kt-tools-grid label.kt-selected::after, 
body.am-page-signup .kt-other-plans-list label.kt-selected::after, 
body.am-page-signup .kt-other-tools-list label.kt-selected::after { 
 content: ""; 
 position: absolute; 
 right: 1rem; 
 left: auto; 
 top: 50%; 
 width: 8px; 
 height: 8px; 
 border-radius: 999px; 
 background: #0ea5e9; 
 transform: translateY(-50%); 
} 
 
/* Tools inner text styling – same look as plans: name, price/terms, description */ 
body.am-page-signup .kt-tools-grid .am-product-title, 
body.am-page-signup .kt-other-tools-list .am-product-title { 
 display: block; 
 font-weight: 600; 
 font-size: 1rem; 
 color: #111827; 
 font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
 margin-bottom: 0.3rem; /* name ke niche zyada gap for readability */ 
} 
body.am-page-signup .kt-tools-grid .am-product-terms, 
body.am-page-signup .kt-other-tools-list .am-product-terms { 
 display: block; 
 font-weight: 500; 
 font-size: 0.95rem; 
 color: #6b7280; /* gray line; inner .am-product-price red */ 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
 margin-bottom: 0.28rem; /* price aur description ke beech thoda extra gap */ 
} 
body.am-page-signup .kt-tools-grid .am-product-desc, 
body.am-page-signup .kt-other-tools-list .am-product-desc { 
 display: block; 
 margin-top: 0.1rem; /* description upar se thoda door */ 
 font-size: 0.85rem; 
 font-weight: 400; 
 color: #6b7280; 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
body.am-page-signup .kt-tools-grid .am-product-price, 
body.am-page-signup .kt-other-tools-list .am-product-price { 
 font-weight: 600; 
 font-size: 0.95rem; 
 color: #ef4444 !important; /* price red, same size as plan terms */ 
} 
 
/* Only the numeric price part in plans should be red (similar to noxtools) */ 
body.am-page-signup .kt-membership-plans .am-product-price, 
body.am-page-signup .kt-other-plans-list .am-product-price, 
body.am-page-signup .kt-membership-plans .am-product-terms .price, 
body.am-page-signup .kt-other-plans-list .am-product-terms .price, 
body.am-page-signup .kt-membership-plans .price, 
body.am-page-signup .kt-other-plans-list .price { 
 font-weight: 600; 
 font-size: 1.02rem; 
 color: #ef4444 !important; 
} 
 
/* Fallback for dynamically wrapped price in terms line */ 
body.am-page-signup .kt-price-highlight { 
 color: #ef4444 !important; 
 font-weight: 600; 
} 
 
/* Selected state for tool card */ 
body.am-page-signup .kt-tools-grid label.kt-selected, 
body.am-page-signup .kt-other-tools-list label.kt-selected { 
 border-color: #0ea5e9; 
 box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16); 
 background: linear-gradient(135deg, #ffffff 0%, #eef2ff 40%, #e0f2fe 100%); 
 transform: translateY(-2px); 
} 
 
/* ===== "Other Plans" / "Other Tools" – NEW button (inspired by 10: Linear, Supabase, Framer, Clay, Perplexity, Vapi, Neon, Liveblocks, Jasper, Coda) ===== */ 
 
body.am-page-signup .kt-other-section { 
 width: 100%; 
 max-width: 1200px; 
 margin: 1.25rem auto 1.75rem auto; 
 overflow: visible; 
 border: none; 
 background: none; 
 box-shadow: none; 
} 
 
/* New shape: rounded rect (not full pill), dark base + bright accent like Neon/Supabase/Linear */ 
body.am-page-signup .kt-other-section .kt-other-toggle { 
 width: 100%; 
 max-width: 320px; 
 margin: 0 auto; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 0; 
 min-height: 56px; 
 padding: 0 0 0 1.5rem; 
 border: none; 
 border-radius: 12px; 
 cursor: pointer; 
 font-size: 0.9375rem; 
 font-weight: 600; 
 color: #ffffff; 
 text-align: center; 
 letter-spacing: 0; 
 background: #0f172a; 
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.06) inset; 
 transition: box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease; 
 font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
 
body.am-page-signup .kt-other-section .kt-other-toggle:hover { 
 background: #1e293b; 
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.08) inset; 
 transform: translateY(-1px); 
} 
 
body.am-page-signup .kt-other-section .kt-other-toggle:active { 
 transform: translateY(0); 
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
} 
 
body.am-page-signup .kt-other-section .kt-other-title-text { 
 display: inline-flex; 
 align-items: center; 
 gap: 0.4rem; 
 text-transform: none; 
 letter-spacing: 0.02em; 
 font-weight: 600; 
} 
 
body.am-page-signup .kt-other-section .kt-other-title-text::after { 
 content: "\25BE"; 
 font-size: 1.1rem; 
 margin-left: 0.2rem; 
 color: rgba(255, 255, 255, 0.7); 
 transition: transform 0.25s ease; 
} 
 
body.am-page-signup .kt-other-section.kt-open .kt-other-title-text::after { 
 transform: rotate(180deg); 
} 
 
/* Right block: bright accent (Neon/Supabase green) with arrow – new style */ 
body.am-page-signup .kt-other-section .kt-other-arrow-circle { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 56px; 
 height: 56px; 
 min-width: 56px; 
 min-height: 56px; 
 margin-left: auto; 
 margin-right: 0; 
 border-radius: 0 12px 12px 0; 
 background: #22c55e; 
 border: none; 
 box-shadow: none; 
} 
body.am-page-signup .kt-other-section .kt-other-arrow-circle::before { 
 content: "\2192"; 
 font-size: 1.35rem; 
 font-weight: 700; 
 color: #ffffff; 
 letter-spacing: 0; 
 text-shadow: none; 
} 
body.am-page-signup .kt-other-section .kt-other-toggle:hover .kt-other-arrow-circle { 
 background: #16a34a; 
} 
body.am-page-signup .kt-other-section .kt-other-toggle:hover .kt-other-arrow-circle::before { 
 color: #ffffff; 
 text-shadow: none; 
} 
 
body.am-page-signup .kt-other-section .kt-other-chevron { 
 display: none; 
} 
 
body.am-page-signup .kt-other-list { 
 display: none; 
 padding: 1rem 0 0.9rem 0; 
 margin-top: 0.5rem; 
} 
 
/* Inside other-plans/tools list just add spacing between cards, 
 rest of visual style exactly same as main cards above */ 
body.am-page-signup .kt-other-plans-list label, 
body.am-page-signup .kt-other-tools-list label { 
 margin-bottom: 0.8rem; 
} 
 
/* When "Other Tools" open, show as responsive grid similar to main tools grid */ 
body.am-page-signup .kt-other-section.kt-open .kt-other-tools-list { 
 display: grid; 
 grid-template-columns: repeat(4, minmax(0, 1fr)); 
 gap: 1.1rem; 
} 
@media (max-width: 1200px) { 
 body.am-page-signup .kt-other-section.kt-open .kt-other-tools-list { 
 grid-template-columns: repeat(3, minmax(0, 1fr)); 
 } 
} 
@media (max-width: 900px) { 
 body.am-page-signup .kt-other-section.kt-open .kt-other-tools-list { 
 grid-template-columns: repeat(2, minmax(0, 1fr)); 
 } 
} 
@media (max-width: 600px) { 
 body.am-page-signup .kt-other-section.kt-open .kt-other-tools-list { 
 grid-template-columns: repeat(1, minmax(0, 1fr)); 
 } 
} 
 
/* Tools grid responsive */ 
@media (max-width: 1200px) { 
 body.am-page-signup .kt-tools-grid { 
 grid-template-columns: repeat(3, minmax(0, 1fr)) !important; 
 } 
} 
@media (max-width: 900px) { 
 body.am-page-signup .kt-tools-grid { 
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 
 } 
} 
@media (max-width: 600px) { 
 body.am-page-signup .kt-tools-grid { 
 grid-template-columns: repeat(1, minmax(0, 1fr)) !important; 
 } 
} 
 
/* ===== Payment System – proper box so it doesn’t mix with section above ===== */ 
body.am-page-signup .am-form .am-row[id*="payment"], 
body.am-page-signup .am-form .am-row[id*="paysys"] { 
 background: #ffffff !important; 
 border: 1px solid #e5e7eb !important; 
 border-radius: 14px !important; 
 padding: 1.5rem 1.5rem 1.25rem !important; 
 margin-top: 1.75rem !important; 
 margin-bottom: 1.25rem !important; 
 box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important; 
 box-sizing: border-box; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element-title, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element-title { 
 font-weight: 700 !important; 
 font-size: 1.05rem !important; 
 color: #0f172a !important; 
 margin-bottom: 1rem !important; 
 padding-bottom: 0.5rem !important; 
 border-bottom: 1px solid #f1f5f9 !important; 
 display: block !important; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element-title label, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element-title label { 
 font-weight: 700 !important; 
 color: #0f172a !important; 
} 
 
/* ===== Payment System – 2-column grid, checkmark in radio, green selected ===== */ 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element { 
 display: grid !important; 
 grid-template-columns: repeat(2, 1fr); 
 gap: 1rem; 
} 
/* If payment options are wrapped in divs, make those divs grid items */ 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div { 
 min-width: 0; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > label, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > label, 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div > label, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div > label { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 1rem 1.1rem; 
 border-radius: 12px; 
 border: 2px solid #e5e7eb; 
 background: #ffffff; 
 cursor: pointer; 
 transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; 
 position: relative; 
 min-height: 3.5rem; 
 box-sizing: border-box; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > label:hover, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > label:hover, 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div > label:hover, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div > label:hover { 
 border-color: #d1d5db; 
 background: #f9fafb; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > label:has(input:checked), 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > label:has(input:checked), 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div > label:has(input:checked), 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div > label:has(input:checked) { 
 border-color: #16a34a; 
 background: #dcfce7; 
 box-shadow: 0 0 0 1px #16a34a; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > label input[type="radio"], 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > label input[type="radio"], 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div > label input[type="radio"], 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div > label input[type="radio"] { 
 position: absolute; 
 opacity: 0; 
 pointer-events: none; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > label::before, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > label::before, 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div > label::before, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div > label::before { 
 content: ""; 
 position: absolute; 
 right: 1rem; 
 top: 50%; 
 width: 18px; 
 height: 18px; 
 border-radius: 999px; 
 border: 2px solid #9ca3af; 
 background: #ffffff; 
 transform: translateY(-50%); 
 box-sizing: border-box; 
 flex-shrink: 0; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > label:has(input:checked)::before, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > label:has(input:checked)::before, 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div > label:has(input:checked)::before, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div > label:has(input:checked)::before { 
 border-color: #16a34a; 
 background: #16a34a; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > label::after, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > label::after, 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div > label::after, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div > label::after { 
 content: ""; 
 position: absolute; 
 right: 1rem; 
 top: 50%; 
 width: 18px; 
 height: 18px; 
 transform: translateY(-50%); 
 background: transparent; 
 flex-shrink: 0; 
} 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > label:has(input:checked)::after, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > label:has(input:checked)::after, 
body.am-page-signup .am-form .am-row[id*="payment"] .am-element > div > label:has(input:checked)::after, 
body.am-page-signup .am-form .am-row[id*="paysys"] .am-element > div > label:has(input:checked)::after { 
 content: "\2713"; 
 font-size: 13px; 
 font-weight: 700; 
 color: #ffffff; 
 display: block; 
 text-align: center; 
 line-height: 18px; 
 background: transparent; 
} 
@media (max-width: 600px) { 
 body.am-page-signup .am-form .am-row[id*="payment"] .am-element, 
 body.am-page-signup .am-form .am-row[id*="paysys"] .am-element { 
 grid-template-columns: 1fr; 
 } 
} 
 
/* ===== Floating chat: WhatsApp + Facebook (signup page, ek side niche, pory page par nazar aaye) ===== */ 
body.am-page-signup .kt-floating-chat { 
 position: fixed; 
 bottom: 1.5rem; 
 right: 1.5rem; 
 z-index: 9999; 
 display: flex; 
 flex-direction: column; 
 gap: 0.75rem; 
 align-items: flex-end; 
} 
body.am-page-signup .kt-floating-chat .kt-floating-chat-label { 
 display: inline-block; 
 padding: 0.5rem 1rem; 
 border-radius: 999px; 
 font-size: 0.85rem; 
 font-weight: 700; 
 letter-spacing: 0.04em; 
 text-transform: uppercase; 
 color: #0f172a; 
 background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%); 
 border: 1px solid #7dd3fc; 
 box-shadow: 0 4px 14px rgba(14, 165, 233, 0.2); 
 font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
} 
body.am-page-signup .kt-floating-chat .kt-chat-btn { 
 display: flex; 
 align-items: center; 
 gap: 0.6rem; 
 padding: 0.65rem 1rem; 
 border-radius: 999px; 
 font-size: 0.9rem; 
 font-weight: 600; 
 text-decoration: none; 
 color: #fff; 
 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); 
 transition: transform 0.2s ease, box-shadow 0.2s ease; 
} 
body.am-page-signup .kt-floating-chat .kt-chat-btn:hover { 
 transform: scale(1.05); 
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); 
 color: #fff; 
} 
body.am-page-signup .kt-floating-chat .kt-chat-wa { 
 background: #25d366; 
} 
body.am-page-signup .kt-floating-chat .kt-chat-fb { 
 background: #1877f2; 
} 
body.am-page-signup .kt-floating-chat .kt-chat-btn svg { 
 flex-shrink: 0; 
} 
@media (max-width: 480px) { 
 body.am-page-signup .kt-floating-chat { 
 bottom: 1rem; 
 right: 1rem; 
 } 
 body.am-page-signup .kt-floating-chat .kt-chat-btn span { 
 display: none; 
 } 
 body.am-page-signup .kt-floating-chat .kt-chat-btn { 
 padding: 0.75rem; 
 width: 48px; 
 height: 48px; 
 justify-content: center; 
 } 
}

/* login + popup match signup */
body.am-page-signup .am-login-text{display:none!important}
body.am-page-login{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,#e0f2fe 0,#f1f5f9 45%,#fdf2ff 100%)}
body.am-page-login .am-credits,body.am-page-login .am-body-content-top,body.am-page-login .am-body-content-top h1{display:none!important}
body.am-page-login .am-body-content-wrapper{background:transparent!important;box-shadow:none!important;min-height:70vh;display:flex;align-items:center;justify-content:center}
body.am-page-login .am-body-content-content{width:100%;max-width:460px;margin:0 auto;padding:0 1rem 3rem}
body.am-page-login .kt-login-header{text-align:center;margin-bottom:1.25rem}
body.am-page-login .kt-login-header .kt-signup-title{display:block;font-size:1.75rem;font-weight:700;color:#0f172a;margin:0 0 .35rem}
body.am-page-login .kt-login-header .kt-signup-subtitle{font-size:.95rem;color:#475569;margin:0}
body.am-page-login .kt-login-header a{color:#0284c7;font-weight:600}
body.am-page-login .am-login-form-wrapper,body.am-page-login .am-sendpass-form-wrapper{background:linear-gradient(135deg,#fff 0%,#f0f9ff 40%,#ecfeff 100%)!important;border-radius:18px!important;padding:1.75rem!important;box-shadow:0 18px 45px rgba(15,23,42,.12)!important;border:1px solid #e0f2fe;margin:0 auto 1.25rem;max-width:460px}
body.am-page-login .am-auth-form form{border:none!important;box-shadow:none!important;background:transparent!important}
body.am-page-login .am-auth-form legend{background:transparent!important;border:none!important;text-align:center;font-size:1.15rem;font-weight:700;color:#0f172a;padding:0 0 1rem!important}
body.am-page-login .am-auth-form div.am-row{background:transparent!important}
body.am-page-login .am-auth-form div.am-row div.am-element-title,body.am-page-login .am-auth-form div.am-row div.am-element{padding-left:0!important;padding-right:0!important}
body.am-page-login .am-auth-form input[type=text],body.am-page-login .am-auth-form input[type=email],body.am-page-login .am-auth-form input[type=password]{width:100%!important;height:44px;box-sizing:border-box;border-radius:8px;border:1px solid #cbd5e1;padding:.75rem 1rem;background:#f9fafb}
body.am-page-login .am-auth-form input[type=submit]{width:100%!important;border-radius:999px!important;background:#0ea5e9!important;border-color:#0ea5e9!important;color:#fff!important;font-weight:600;padding:.9rem 1.2rem}
body.am-page-login .am-form-login-switch-wrapper{display:block;text-align:center;padding:.85rem 0 0!important}
body.am-page-login .am-form-login-switch{color:#0284c7!important;font-weight:600}
.am-popup{border:none!important;border-radius:18px!important;overflow:hidden;box-shadow:0 22px 50px rgba(15,23,42,.22)!important;max-width:420px}
.am-popup .am-popup-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;color:#0f172a!important;font-weight:700}
.am-popup input[type=text],.am-popup input[type=email],.am-popup input[type=password]{width:100%!important;height:44px;box-sizing:border-box;border-radius:8px;border:1px solid #cbd5e1;padding:.75rem 1rem;background:#f9fafb}
.am-popup input[type=submit],.am-popup button{width:100%!important;border-radius:999px!important;background:#0ea5e9!important;border-color:#0ea5e9!important;color:#fff!important;font-weight:600;padding:.85rem 1.2rem}
.am-popup .am-form-login-switch{color:#0284c7!important}

body.am-page-login{overflow-x:hidden}
body.am-page-login .am-auth-form legend{display:none!important}

body.am-page-login .am-auth-form .am-row{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;margin-bottom:.9rem;background:transparent!important}
body.am-page-login .am-auth-form .am-element-title{float:none!important;width:auto!important;display:block!important;text-align:left;padding:0!important}
body.am-page-login .am-auth-form .am-element{float:none!important;width:100%!important;margin:0!important;padding:0!important}
body.am-page-login .am-auth-form .am-row-buttons .am-element{display:block}

body.am-page-login .am-login-form-wrapper,body.am-page-login .am-sendpass-form-wrapper{overflow:hidden;box-sizing:border-box;width:100%}
body.am-page-login .am-login-form-wrapper *,body.am-page-login .am-sendpass-form-wrapper *{box-sizing:border-box}
body.am-page-login .kt-login-header{margin:0 0 1.15rem;padding:0}
body.am-page-login .am-auth-form,body.am-page-login .am-auth-form fieldset{max-width:100%;overflow:hidden}

body.am-page-signup .am-login-text,body.am-page-signup .am-info.am-login-text{display:block!important;text-align:center;margin:0 0 1rem;padding:.65rem .9rem;border-radius:10px;background:#f0f9ff;border:1px solid #bae6fd;color:#334155;font-size:.95rem}
body.am-page-signup .am-login-text a{color:#0284c7;font-weight:600}
body.am-page-login .am-signup-link{display:block!important;text-align:center;margin:1rem 0 0;padding:0;color:#475569;font-size:.95rem}
body.am-page-login .am-signup-link a{color:#0284c7!important;font-weight:600}