.elementor-9039 .elementor-element.elementor-element-a1067b6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-9039 .elementor-element.elementor-element-49b0b27{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-9039 .elementor-element.elementor-element-d9c5da4{padding:0px 0px 0px 0px;font-weight:600;text-transform:uppercase;}.elementor-9039 .elementor-element.elementor-element-7ed8ef9 .tmpcoder-dual-heading-wrap{text-align:left;}.elementor-9039 .elementor-element.elementor-element-7ed8ef9 .tmpcoder-dual-title .first{color:#FFFFFF;border-color:#000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:34px;font-weight:800;line-height:1em;border-style:none;margin-right:0px;}.elementor-9039 .elementor-element.elementor-element-7ed8ef9 .tmpcoder-dual-title-wrap{margin-bottom:15px;}.elementor-9039 .elementor-element.elementor-element-7ed8ef9 .tmpcoder-dual-title .second{color:#FDAB06;border-color:#000;font-family:"Plus Jakarta Sans", Sans-serif;font-size:34px;font-weight:800;line-height:1.1em;border-style:none;}.elementor-9039 .elementor-element.elementor-element-96b62a1{width:var( --container-widget-width, 45% );max-width:45%;padding:10px 0px 0px 0px;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;text-transform:none;line-height:26px;letter-spacing:0.4px;word-spacing:1px;color:#FFFFFFA6;}.elementor-9039 .elementor-element.elementor-element-96b62a1.elementor-element{--align-self:center;}.elementor-9039 .elementor-element.elementor-element-cbb3f82{width:var( --container-widget-width, 45% );max-width:45%;padding:10px 0px 30px 0px;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:400;text-transform:none;line-height:26px;letter-spacing:0.4px;word-spacing:1px;color:#FFFFFFA6;}.elementor-9039 .elementor-element.elementor-element-cbb3f82.elementor-element{--align-self:center;}.elementor-9039 .elementor-element.elementor-element-4a21b8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-9039 .elementor-element.elementor-element-4a21b8d:not(.elementor-motion-effects-element-type-background), .elementor-9039 .elementor-element.elementor-element-4a21b8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121619;}@media(max-width:1024px){.elementor-9039 .elementor-element.elementor-element-a1067b6{--padding-top:150px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-9039 .elementor-element.elementor-element-49b0b27{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9039 .elementor-element.elementor-element-96b62a1{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;font-size:14px;}.elementor-9039 .elementor-element.elementor-element-cbb3f82{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;font-size:14px;}}@media(max-width:767px){.elementor-9039 .elementor-element.elementor-element-a1067b6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:140px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-9039 .elementor-element.elementor-element-49b0b27{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9039 .elementor-element.elementor-element-96b62a1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-9039 .elementor-element.elementor-element-cbb3f82{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}}/* Start custom CSS for text-editor, class: .elementor-element-d9c5da4 */.tag-label{
  display:inline-block;
  background: rgba(208, 140, 2, 0.12);
    border: 1px solid rgba(208, 140, 2, 0.2);
  color:#FDAB06;
  font-size:12px;
  padding:6px 16px;
  border-radius:20px;
  margin-bottom:15px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-96b62a1 */:root {
    --gold: #D08C02;
    --gold-light: #FDAB06;
    --blue: #6192F8;
    --blue-dark: #3a6fe8;
    --dark: #121619;
    --dark2: #1d1d1d;
    --cream: #fff2e0;
    --cream2: #fdf6ec;
    --white: #ffffff;
    --gray-text: #777777;
    --gray-border: #E6E8EA;
    --gray-light: #f8f9fa;
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.14);
    --radius-card: 14px;
    --radius-btn: 4px;
    --radius-pill: 50px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-cbb3f82 */:root {
    --gold: #D08C02;
    --gold-light: #FDAB06;
    --blue: #6192F8;
    --blue-dark: #3a6fe8;
    --dark: #121619;
    --dark2: #1d1d1d;
    --cream: #fff2e0;
    --cream2: #fdf6ec;
    --white: #ffffff;
    --gray-text: #777777;
    --gray-border: #E6E8EA;
    --gray-light: #f8f9fa;
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.14);
    --radius-card: 14px;
    --radius-btn: 4px;
    --radius-pill: 50px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1067b6 */.Main-section-one{
    background: linear-gradient(135deg, #121619 0%, #1e2530 60%, #2a1f0e 100%)
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c0979eb */:root {
  --bg-dark:    #121619;
  --bg-card:    #131920;
  --border:     #1e2530;
  --gold:       #D08C02;
  --gold-light: #FDAB06;
  --blue:       #6192F8;
  --muted:      #94a3b8;
  --dim:        #64748b;
}
body { background: var(--bg-dark); color: #e2e8f0; font-family: 'Poppins', sans-serif; margin: 0; }
h1,h2,h3,h4,h5,h6 { color: #f1f5f9; }

.category-crds h2{
    color: #fff;
}

/* STATUS BANNER */
.status-banner { background: #0d2218; border-bottom: 1px solid #1a4030; padding: 10px 24px; text-align: center; font-size: 13px; color: #4ade80; display: flex; align-items: center; justify-content: center; gap: 8px; }
.status-dot { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; animation: pulse-green 2s infinite; }
@keyframes pulse-green { 0%,100%{opacity:1;} 50%{opacity:.4;} }

/* HERO */
.hero { background: linear-gradient(135deg, #0e1215 0%, #131920 50%, #0e1519 100%); padding: 70px 24px 60px; text-align: center; border-bottom: 1px solid var(--border); }
.hero h1 { font-size: 42px; font-weight: 800; margin-bottom: 16px; }
.hero p { color: var(--muted); font-size: 16px; max-width: 540px; margin: 0 auto 32px; line-height: 1.7; }
.search-bar { max-width: 560px; margin: 0 auto; position: relative; }
.search-bar input { width: 100%; background: #1a2130; border: 1px solid var(--border); border-radius: 10px; padding: 16px 56px 16px 20px; font-size: 15px; color: #f1f5f9; font-family: 'Poppins', sans-serif; outline: none; transition: border-color .2s; }
.search-bar input:focus { border-color: var(--blue); }
.search-bar input::placeholder { color: var(--dim); }
.search-bar button { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: var(--blue); border: none; border-radius: 7px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; }
.search-tags { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 16px; }
.search-tag { background: #1a2130; border: 1px solid var(--border); color: var(--muted); font-size: 12px; padding: 4px 12px; border-radius: 20px; cursor: pointer; transition: all .2s; }
.search-tag:hover { border-color: var(--blue); color: var(--blue); }

/* CONTAINER */
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.section { padding: 60px 0; }

/* SECTION LABEL */
.section-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--gold); margin-bottom: 10px; }

/* CATEGORY CARDS */
.cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.cat-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 28px; transition: all .25s; text-decoration: none; display: block; position: relative; overflow: hidden; }
.cat-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--gold), var(--gold-light)); opacity: 0; transition: opacity .25s; }
.cat-card:hover { border-color: #2a3545; transform: translateY(-3px); box-shadow: 0 16px 40px rgba(0,0,0,.4); }
.cat-card:hover::before { opacity: 1; }
.cat-icon { font-size: 32px; margin-bottom: 16px; }
.cat-card h3 { font-size: 16px; font-weight: 700; color: #f1f5f9; margin-bottom: 8px; }
.cat-card p { font-size: 13px; color: var(--muted); line-height: 1.65; margin-bottom: 16px; }
.cat-meta { display: flex; align-items: center; justify-content: space-between; }
.cat-count { font-size: 12px; color: var(--dim); }
.cat-link { font-size: 12px; font-weight: 600; color: var(--blue); }

/* POPULAR ARTICLES */
.articles-list { display: flex; flex-direction: column; gap: 4px; }
.article-item { display: flex; align-items: center; gap: 14px; padding: 14px 18px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; text-decoration: none; transition: all .2s; }
.article-item:hover { border-color: #2a3545; background: #161e28; }
.article-tag { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px; padding: 3px 8px; border-radius: 4px; white-space: nowrap; }
.tag-setup { background: rgba(97,146,248,.15); color: var(--blue); }
.tag-revenue { background: rgba(208,140,2,.15); color: var(--gold-light); }
.tag-rates { background: rgba(74,222,128,.12); color: #4ade80; }
.tag-integration { background: rgba(167,139,250,.15); color: #a78bfa; }
.tag-billing { background: rgba(251,191,36,.12); color: #fbbf24; }
.tag-security { background: rgba(248,113,113,.12); color: #f87171; }
.article-title { flex: 1; font-size: 14px; color: #e2e8f0; font-weight: 500; }
.article-arrow { color: var(--dim); font-size: 14px; transition: transform .2s; }
.article-item:hover .article-arrow { transform: translateX(4px); color: var(--gold-light); }

/* CONTACT SUPPORT */
.contact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.contact-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 14px; padding: 32px 28px; text-align: center; }
.contact-icon { font-size: 36px; margin-bottom: 16px; }
.contact-card h3 { font-size: 17px; font-weight: 700; color: #f1f5f9; margin-bottom: 8px; }
.contact-card p { font-size: 13px; color: var(--muted); margin-bottom: 20px; line-height: 1.6; }
.btn-gold { display: inline-block; background: var(--gold); color: #0e1215; font-size: 13px; font-weight: 700; padding: 10px 22px; border-radius: 7px; text-decoration: none; transition: background .2s; }
.btn-gold:hover { background: var(--gold-light); color: #0e1215; }
.btn-blue { display: inline-block; background: var(--blue); color: #fff; font-size: 13px; font-weight: 700; padding: 10px 22px; border-radius: 7px; text-decoration: none; transition: background .2s; }
.btn-blue:hover { background: #4a7af0; color: #fff; }
.btn-outline { display: inline-block; background: transparent; color: var(--muted); font-size: 13px; font-weight: 600; padding: 10px 22px; border-radius: 7px; border: 1px solid var(--border); text-decoration: none; transition: all .2s; }
.btn-outline:hover { border-color: var(--blue); color: var(--blue); }

/* FOOTER */
.footer { background: #0e1215; border-top: 1px solid var(--border); padding: 32px 24px; text-align: center; }
.footer p { color: var(--dim); font-size: 13px; margin: 0; }
.footer a { color: var(--muted); text-decoration: none; }
.footer a:hover { color: var(--gold-light); }

/* DIVIDER */
.divider { border: none; border-top: 1px solid var(--border); margin: 0; }

@media(max-width:768px){
  .cat-grid,.contact-grid{grid-template-columns:1fr;}
  .hero h1{font-size:28px;}
}/* End custom CSS */