:root{
  --ta-bg:#0b1020;
  --ta-text:rgba(255,255,255,.92);
  --ta-muted:rgba(255,255,255,.62);
  --ta-glow:linear-gradient(135deg, rgba(94,252,255,.75), rgba(123,108,255,.70), rgba(255,122,217,.65));
  --ta-grad: radial-gradient(1200px 600px at 30% 20%, rgba(94,252,255,.16), transparent 60%),
            radial-gradient(900px 500px at 70% 30%, rgba(255,122,217,.14), transparent 60%),
            radial-gradient(900px 700px at 50% 90%, rgba(123,108,255,.12), transparent 65%);
  --ta-shadow: 0 18px 60px rgba(0,0,0,.45);
  --ta-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

html,body{height:100%;}
body.toolatlas-site{
  margin:0;
  font-family:var(--ta-font);
  background: var(--ta-grad), var(--ta-bg);
  color:var(--ta-text);
}

a{color:inherit}
.ta-container{max-width:1120px;margin:0 auto;padding:0 18px;}
.ta-main{padding:26px 0 60px;}

.ta-header{position:sticky;top:0;z-index:50;background:rgba(11,16,32,.70);backdrop-filter: blur(18px);-webkit-backdrop-filter: blur(18px);border-bottom:1px solid rgba(255,255,255,.06);}
.ta-header__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;}
.ta-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:-.02em;}
.ta-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);}
.ta-brand__text{opacity:.95}

.ta-nav__menu{list-style:none;margin:0;padding:0;display:flex;gap:14px;align-items:center;}
.ta-nav__menu a{text-decoration:none;opacity:.8;padding:8px 10px;border-radius:12px;}
.ta-nav__menu a:hover{opacity:1;background:rgba(255,255,255,.06);}

.ta-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ta-header__actions form{margin:0;}
.ta-header__actions .ta-btn{white-space:nowrap;}

.ta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  color: rgba(255,255,255,.92);
  background: rgba(255,255,255,.04);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease, background .12s ease;
}
.ta-btn--ghost{background:rgba(255,255,255,.05);}
.ta-btn--primary{
  border:0;
  color:#0b1020;
  background: linear-gradient(135deg, rgba(94,252,255,.95), rgba(123,108,255,.92), rgba(255,122,217,.70));
  box-shadow: 0 18px 70px rgba(94,252,255,.14), 0 18px 70px rgba(255,122,217,.10);
}
.ta-btn--primary:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 22px 90px rgba(94,252,255,.18), 0 22px 90px rgba(255,122,217,.14);
}

.ta-h1{font-size:42px;line-height:1.05;margin:0 0 10px;letter-spacing:-.03em;}
.ta-h2{font-size:24px;line-height:1.2;margin:0 0 6px;letter-spacing:-.02em;}
.ta-muted{color:var(--ta-muted);}
.ta-prose{color:rgba(255,255,255,.80);}

.ta-hero-section{padding:26px 0 10px;}
.ta-section{padding:18px 0 10px;}
.ta-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px;}
.ta-section__head p{margin:0}

.ta-footer{border-top:1px solid rgba(255,255,255,.06);padding:26px 0 30px;background:rgba(11,16,32,.55);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);}
.ta-footer__inner{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
.ta-footer__brand{font-weight:800}
.ta-footer__tagline{color:var(--ta-muted);font-size:14px;margin-top:6px}
.ta-footer__menu{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;}
.ta-footer__menu a{text-decoration:none;opacity:.75}
.ta-footer__menu a:hover{opacity:1}

/* ===== ToolAtlas Core shortcodes styling ===== */
.toolatlas-hero{
  position:relative;
  padding: 46px 28px 34px;
  border-radius: 30px;
  background:
    radial-gradient(1200px 520px at 20% 0%, rgba(94,252,255,.18), transparent 62%),
    radial-gradient(900px 520px at 80% 10%, rgba(255,122,217,.14), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 24px 120px rgba(0,0,0,.42);
  overflow:hidden;
}
.toolatlas-hero::before{
  content:"";
  position:absolute; inset:-2px;
  background: linear-gradient(135deg,
    rgba(94,252,255,.75),
    rgba(123,108,255,.65),
    rgba(255,122,217,.70)
  );
  opacity:.45;
  filter: blur(38px);
  pointer-events:none;
}
.toolatlas-hero::after{
  content:"";
  position:absolute;
  left:-180px; bottom:-220px;
  width:520px; height:520px;
  background:
    radial-gradient(circle at 35% 30%, rgba(94,252,255,.55), transparent 60%),
    radial-gradient(circle at 70% 60%, rgba(255,122,217,.45), transparent 62%),
    radial-gradient(circle at 40% 80%, rgba(123,108,255,.45), transparent 62%);
  opacity:.55;
  pointer-events:none;
  border-radius:999px;
}
.toolatlas-hero > *{position:relative;z-index:1;}
.toolatlas-hero h1{
  margin:0 0 12px;
  font-size: 56px;
  line-height: 1.02;
  letter-spacing: -.04em;
  text-align:center;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.72), rgba(255,255,255,.92));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 18px 80px rgba(94,252,255,.10);
}
.toolatlas-hero p{
  margin:0 auto 22px;
  max-width: 68ch;
  color: rgba(255,255,255,.72);
  text-align:center;
  font-size: 16px;
  line-height: 1.55;
}
.toolatlas-hero form{
  display:flex;
  gap: 12px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}
.toolatlas-hero input[type="search"], .toolatlas-hero input[type="text"]{
  width: min(720px, 92vw);
  height: 52px;
  padding: 0 18px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  outline:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.toolatlas-hero input::placeholder{color: rgba(255,255,255,.45);}
.toolatlas-hero button{
  height: 52px;
  padding: 0 18px;
  border-radius: 18px;
  border: 0;
  font-weight: 850;
  letter-spacing: -.01em;
  color: #0b1020;
  background: linear-gradient(135deg, rgba(94,252,255,.95), rgba(123,108,255,.92), rgba(255,122,217,.70));
  box-shadow:
    0 18px 70px rgba(94,252,255,.18),
    0 18px 70px rgba(255,122,217,.12);
  cursor:pointer;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.toolatlas-hero button:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow:
    0 22px 90px rgba(94,252,255,.22),
    0 22px 90px rgba(255,122,217,.16);
}

/* Chips under search */
.ta-hero-chips{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:16px;
}
.ta-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 750;
  font-size: 13px;
  letter-spacing: -.01em;
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.ta-chip:hover{
  transform: translateY(-1px);
  border-color: rgba(94,252,255,.40);
  box-shadow: 0 16px 55px rgba(94,252,255,.14), 0 16px 55px rgba(255,122,217,.10);
}
.ta-chip.is-active{
  background: rgba(94,252,255,.14);
  border-color: rgba(94,252,255,.24);
  box-shadow: 0 18px 70px rgba(94,252,255,.10), 0 18px 70px rgba(255,122,217,.07);
}
@media (max-width: 700px){
  .toolatlas-hero{padding: 34px 18px 26px;border-radius:26px;}
  .toolatlas-hero h1{font-size: 38px;}
  .toolatlas-hero input[type="search"], .toolatlas-hero input[type="text"]{height:48px;border-radius:16px;}
  .toolatlas-hero button{height:48px;border-radius:16px;}
}


.toolatlas-cat-grid{display:grid;gap:16px;margin:16px 0 0;}
.toolatlas-cols-4{grid-template-columns:repeat(4, 1fr);}
.toolatlas-cols-3{grid-template-columns:repeat(3, 1fr);}
.toolatlas-cols-2{grid-template-columns:repeat(2, 1fr);}
.toolatlas-cols-1{grid-template-columns:1fr;}

.toolatlas-cat-card{
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:16px 16px;
  text-decoration:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  box-shadow: 0 10px 30px rgba(0,0,0,.28);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.toolatlas-cat-card:hover{
  transform: translateY(-1px);
  border-color: rgba(94,252,255,.35);
  box-shadow: 0 16px 50px rgba(94,252,255,.12), 0 16px 50px rgba(255,122,217,.10);
}
.toolatlas-cat-card .toolatlas-name{font-weight:700;letter-spacing:-.01em;}
.toolatlas-cat-card .toolatlas-count{opacity:.55;font-size:13px;}

@media (max-width: 980px){
  .toolatlas-cols-4{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width: 560px){
  .toolatlas-cat-grid{grid-template-columns:1fr !important;}
  .toolatlas-hero h1{font-size:34px;}
}

/* ===== ToolAtlas Account / Dashboard ===== */

.toolatlas-dashboard{
  margin: 18px 0 0;
  padding: 18px;
  border-radius: 22px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 70px rgba(0,0,0,.32);
}
.toolatlas-dashboard h2{
  margin: 0 0 12px;
  letter-spacing: -.02em;
}

.toolatlas-notice{
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.86);
}
.toolatlas-notice-success{border-color: rgba(94,252,255,.25); background: rgba(94,252,255,.08);}
.toolatlas-notice-warning{border-color: rgba(255,220,120,.25); background: rgba(255,220,120,.08);}
.toolatlas-notice-error{border-color: rgba(255,120,160,.25); background: rgba(255,120,160,.08);}

.toolatlas-auth-tabs{
  display:flex;
  gap:10px;
  align-items:center;
  margin: 6px 0 14px;
}
.toolatlas-auth-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  text-decoration:none;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: -.01em;
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.toolatlas-auth-tab:hover{transform: translateY(-1px); border-color: rgba(94,252,255,.35); box-shadow: 0 16px 55px rgba(94,252,255,.12), 0 16px 55px rgba(255,122,217,.10);}
.toolatlas-auth-tab.is-active{
  color: #0b1020;
  border: 0;
  background: linear-gradient(135deg, rgba(94,252,255,.95), rgba(123,108,255,.92), rgba(255,122,217,.70));
  box-shadow: 0 18px 70px rgba(94,252,255,.16), 0 18px 70px rgba(255,122,217,.12);
}

.toolatlas-auth-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}
.toolatlas-auth-box{
  border-radius: 22px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 70px rgba(0,0,0,.28);
  padding: 18px;
}
.toolatlas-auth-box h3{margin: 0 0 10px; letter-spacing:-.02em;}
.toolatlas-auth-note{margin: 10px 0 0; color: rgba(255,255,255,.62); font-size: 13px;}
.toolatlas-auth-switch{margin: 0 0 12px; color: rgba(255,255,255,.65); font-size: 13px;}
.toolatlas-auth-switch a{text-decoration:none; border-bottom:1px solid rgba(255,255,255,.30);}

.toolatlas-auth-box label,
.toolatlas-submit-tool label{
  display:block;
  margin: 12px 0;
  color: rgba(255,255,255,.80);
  font-size: 13px;
}
.toolatlas-auth-box input,
.toolatlas-submit-tool input,
.toolatlas-submit-tool select,
.toolatlas-submit-tool textarea{
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: rgba(255,255,255,.92);
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/*
  Fix: On Windows, the native <select> dropdown list often renders with a light
  background. Because our theme uses light text for inputs, option labels could
  become effectively invisible.

  We keep the closed select text light (matches the dark UI), but force option
  text to be dark so it remains readable in the dropdown list.
*/
.toolatlas-submit-tool select option,
.toolatlas-submit-tool select optgroup {
  color: #0b1020;
}
.toolatlas-auth-box input::placeholder,
.toolatlas-submit-tool input::placeholder,
.toolatlas-submit-tool textarea::placeholder{color: rgba(255,255,255,.45);}

.toolatlas-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  border: 0;
  font-weight: 850;
  letter-spacing: -.01em;
  color: #0b1020;
  background: linear-gradient(135deg, rgba(94,252,255,.95), rgba(123,108,255,.92), rgba(255,122,217,.70));
  box-shadow: 0 18px 70px rgba(94,252,255,.18), 0 18px 70px rgba(255,122,217,.12);
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.toolatlas-button:hover{transform: translateY(-1px); filter: brightness(1.02); box-shadow: 0 22px 90px rgba(94,252,255,.22), 0 22px 90px rgba(255,122,217,.16);}

.toolatlas-button-secondary{
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.90);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: none;
}

.toolatlas-button--ghost{
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.90);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: none;
}

.toolatlas-button--small{
  height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 13px;
}

.toolatlas-divider{border:0; height:1px; background: rgba(255,255,255,.12); margin: 18px 0;}

.toolatlas-table-wrap{overflow:auto; border-radius: 16px; border:1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.18);}
.toolatlas-table{width:100%; border-collapse: collapse; min-width: 520px;}
.toolatlas-table th,.toolatlas-table td{padding: 12px 12px; text-align:left; border-bottom:1px solid rgba(255,255,255,.08);}
.toolatlas-table th{color: rgba(255,255,255,.72); font-size: 12px; letter-spacing: .02em; text-transform: uppercase;}
.toolatlas-table td{color: rgba(255,255,255,.86);}

.toolatlas-field-hint{display:block; margin-top:6px; color: rgba(255,255,255,.55); font-size: 12px;}
.toolatlas-checkbox{display:flex; gap:10px; align-items:center;}

/* ----------------------------
   Tool submission form (v2)
----------------------------- */
.toolatlas-form-section{margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);}
.toolatlas-form-section:first-of-type{border-top:none;padding-top:0;margin-top:0;}
.toolatlas-form-section h3{margin:0 0 10px; font-size: 16px; color: rgba(255,255,255,.92);}

.toolatlas-form-grid{display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px;}
.toolatlas-form-grid--3{grid-template-columns: repeat(3, minmax(0,1fr));}

.toolatlas-checkbox-grid{display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px 12px; margin-top: 6px;}
.toolatlas-checkbox-grid label{display:flex; align-items:center; gap: 10px; margin:0;}
.toolatlas-checkbox-grid input[type="checkbox"],
.toolatlas-checkbox-grid input[type="radio"]{width:16px; height:16px; margin:0; padding:0;}

.toolatlas-required-note{margin-top:10px; color: rgba(255,255,255,.55); font-size: 12px;}

@media (max-width: 860px){
  .toolatlas-form-grid{grid-template-columns: 1fr;}
  .toolatlas-form-grid--3{grid-template-columns: 1fr;}
  .toolatlas-checkbox-grid{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 860px){
  .toolatlas-auth-grid{grid-template-columns: 1fr;}
}


/* Search / results */
.ta-page{max-width:1100px;margin:0 auto;padding:34px 18px 80px;}
.ta-results-hero{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 24px;
  padding: 22px 22px 18px;
  box-shadow: 0 18px 80px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}
.ta-results-title{margin:0;font-size:30px;letter-spacing:-.02em;}
.ta-results-subtitle{margin:6px 0 0;color:rgba(255,255,255,.75);}
.ta-query{color:#fff;opacity:.95;}
.ta-filters{
  margin-top:16px;
  display:flex;
  gap:12px;
  align-items:flex-end;
  flex-wrap:wrap;
}
.ta-filter{display:flex;flex-direction:column;gap:6px;min-width:220px;}
.ta-filter label{font-size:12px;color:rgba(255,255,255,.7);}
.ta-filter select{
  height:42px;
  border-radius:14px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.92);
  padding: 0 12px;
  outline:none;
}
.ta-apply{
  height:42px;
  padding:0 16px;
  border-radius:14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(94,252,255,.16);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  box-shadow: 0 16px 60px rgba(94,252,255,.12);
  transition: transform .12s ease, box-shadow .12s ease;
}
.ta-apply:hover{transform:translateY(-1px);box-shadow: 0 18px 70px rgba(94,252,255,.16), 0 18px 70px rgba(255,122,217,.10);}
.ta-reset{height:42px;display:inline-flex;align-items:center;padding:0 14px;border-radius:14px;text-decoration:none;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);}
.ta-results{margin-top:18px;}
.ta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media(max-width:980px){.ta-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.ta-grid{grid-template-columns:1fr;}}

.ta-card{
  position:relative;
  border-radius:20px;
  overflow:hidden;
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 60px rgba(0,0,0,.30);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.ta-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 20px 80px rgba(0,0,0,.38), 0 22px 90px rgba(94,252,255,.10), 0 22px 90px rgba(255,122,217,.08);
}
.ta-card-link{display:block;color:inherit;text-decoration:none;padding:16px;}
.ta-card-top{display:flex;gap:12px;align-items:center;}
.ta-card-thumb{
  width:46px;height:46px;border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
  flex:0 0 auto;
}
.ta-card-thumb img{width:100%;height:100%;object-fit:cover;}
.ta-thumb-placeholder{font-weight:800;opacity:.85;}
.ta-card-title{margin:0;font-size:16px;letter-spacing:-.01em;line-height:1.2;}
.ta-badges{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap;}
.ta-badge{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.88);
}
.ta-badge-cat{border-color: rgba(94,252,255,.22);}
.ta-badge-price{border-color: rgba(255,122,217,.20);}
.ta-card-body{margin-top:12px;}
.ta-card-excerpt{margin:0;color:rgba(255,255,255,.74);font-size:13px;line-height:1.45;}
.ta-card-bottom{
  margin-top:14px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:rgba(255,255,255,.72);
  font-size:13px;
}
.ta-visit{font-weight:750;color:rgba(255,255,255,.88);}
.ta-domain{opacity:.75;}
.ta-pagination{margin-top:18px;}
.ta-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:38px;border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.86);
  text-decoration:none;
  margin-right:6px;
}
.ta-pagination .page-numbers.current{background: rgba(94,252,255,.14);border-color: rgba(94,252,255,.22);}
.ta-empty{padding:28px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);}



/* Chips */
.ta-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px;}
.ta-chips--results{justify-content:flex-start;margin-top:12px;}
.ta-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.88);
  text-decoration:none;
  font-weight:650;
  font-size:13px;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.ta-chip:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);box-shadow:0 16px 60px rgba(0,0,0,.25);}
.ta-chip.is-active{
  background: rgba(94,252,255,.14);
  border-color: rgba(94,252,255,.24);
  box-shadow: 0 18px 70px rgba(94,252,255,.10), 0 18px 70px rgba(255,122,217,.07);
}
.ta-chip--clear{opacity:.85;}

.ta-searchbar{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.ta-search-input{
  flex:1 1 340px;
  height:44px;
  border-radius:16px;
  padding:0 16px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.92);
  outline:none;
}
.ta-search-btn{
  height:44px;
  padding:0 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(94,252,255,.16);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
/* Single tool */
.ta-page--single{padding-top:28px;}
.ta-tool{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:18px;box-shadow:0 18px 80px rgba(0,0,0,.35);}
.ta-tool__header{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;}
.ta-tool__thumb{width:120px;height:120px;border-radius:24px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;}
.ta-tool__thumb img{width:100%;height:100%;object-fit:cover;}
.ta-tool__title{margin:0;font-size:34px;letter-spacing:-.02em;}
.ta-tool__subtitle{margin:10px 0 0;color:rgba(255,255,255,.75);max-width:62ch;}
.ta-tool__actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}
.ta-tool__actions .ta-btn{height:44px;padding:0 16px;border-radius:16px;}
.ta-tool__content{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,.85);line-height:1.75;}
.ta-tool__section-title{margin:0 0 12px;font-size:20px;letter-spacing:0.2px;}
.ta-prose{max-width:72ch;}
.ta-prose p{margin:0 0 1em;}
.ta-prose ul,.ta-prose ol{margin:0 0 1em 1.2em;}
.ta-prose li{margin:0.25em 0;}
.ta-prose a{text-decoration:underline;}
.ta-tool__tags{margin-top:18px;}
.ta-tool__tags h2{margin:0 0 10px;font-size:18px;}

/* Single tool extra sections (v2 meta) */
.ta-tool__section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);}
.ta-tool__section h2{margin:0 0 12px;font-size:18px;}
.ta-tool__details{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ta-tool__details li{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);}
.ta-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:10px;}
.ta-gallery a{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);}
.ta-gallery img{display:block;width:100%;height:auto;}

@media (max-width: 680px){
  .ta-tool__details{grid-template-columns:1fr;}
}


/* Tool cards v2 */
.ta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;}
@media (max-width: 1100px){.ta-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 680px){.ta-grid{grid-template-columns:repeat(1,minmax(0,1fr));}}

.ta-card{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 90px rgba(0,0,0,.35);
}
.ta-card::before{
  content:"";
  position:absolute;inset:-2px;
  background: radial-gradient(1200px 300px at 20% 0%, rgba(94,252,255,.22), transparent 60%),
              radial-gradient(1200px 300px at 80% 0%, rgba(255,122,217,.16), transparent 60%);
  opacity:.75;
  pointer-events:none;
}
.ta-card::after{
  content:"";
  position:absolute;inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.22));
  pointer-events:none;
}
.ta-card-link{position:relative;z-index:1;display:block;padding:16px;text-decoration:none;color:inherit;}
.ta-card:hover{border-color:rgba(255,255,255,.16);}
.ta-card:hover .ta-card-link{transform:translateY(-1px);}
.ta-card-link{transition:transform .12s ease;}

.ta-card-top{display:flex;gap:12px;align-items:flex-start;}
.ta-card-thumb{width:52px;height:52px;border-radius:16px;overflow:hidden;flex:0 0 auto;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
}
.ta-card-thumb img{width:100%;height:100%;object-fit:cover;}
.ta-thumb-placeholder{font-weight:900;letter-spacing:.02em;color:rgba(255,255,255,.75);}

.ta-card-title{margin:0;font-size:18px;line-height:1.25;letter-spacing:-.01em;color:rgba(255,255,255,.95);}
.ta-card-excerpt{margin:12px 0 0;color:rgba(255,255,255,.75);line-height:1.55;min-height:44px;}

.ta-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.ta-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:750;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.86);
}
.ta-badge-cat{background:rgba(255,255,255,.03);}
.ta-badge-price{background:rgba(94,252,255,.10);border-color:rgba(94,252,255,.18);}
.ta-badge-featured{background:rgba(255,122,217,.12);border-color:rgba(255,122,217,.22);}
.ta-badge-verified{background:rgba(94,252,255,.12);border-color:rgba(94,252,255,.22);}

.ta-card-bottom{
  margin-top:14px;
  display:flex;align-items:center;justify-content:space-between;
  color:rgba(255,255,255,.72);
  font-size:12px;
}
.ta-visit{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  font-weight:800;
  color:rgba(255,255,255,.85);
}
.ta-domain{opacity:.85;}

/* ===== Taxonomy: subcategories ===== */
.ta-subcats{margin-top:26px;margin-bottom:18px;}
.ta-subcats-header,.ta-subcats-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.ta-subcats-title{margin:0;font-size:20px;letter-spacing:-.02em;color:rgba(255,255,255,.95)}
.ta-subcats-note{margin:0;color:rgba(255,255,255,.6)}

.ta-subcat-grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:14px}
@media (max-width: 980px){.ta-subcat-grid{grid-template-columns:repeat(2, minmax(0,1fr));}}
@media (max-width: 560px){.ta-subcat-grid{grid-template-columns:1fr;}}

.ta-subcat-card{
  position:relative;
  display:block;
  /* a bit smaller/softer than main category tiles */
  border-radius:18px;
  text-decoration:none;
  color:inherit;
  overflow:hidden;
  /* solid + reliable outline (no mask tricks) */
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 0 0 1px rgba(86,204,242,.10),0 12px 32px rgba(0,0,0,.22);
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ta-subcat-card:hover{transform:translateY(-2px)}

/* Soft glow (ref-like). We keep the outline as a real border so it always wraps the full card. */
.ta-subcat-card::after{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:24px;
  background: radial-gradient(80% 70% at 20% 20%, rgba(86,204,242,.22), rgba(86,204,242,0) 60%),
              radial-gradient(70% 60% at 80% 35%, rgba(255,110,196,.18), rgba(255,110,196,0) 60%),
              radial-gradient(70% 60% at 55% 95%, rgba(170,110,255,.18), rgba(170,110,255,0) 60%);
  opacity:.18;
  filter: blur(18px);
  pointer-events:none;
}
.ta-subcat-card:hover::after{opacity:.28}

.ta-subcat-card__inner{
  padding:16px 16px 14px;
  border-radius:18px;
  background: rgba(12,14,26,.58);
  border:1px solid rgba(255,255,255,.06);
	box-shadow:
	  0 10px 28px rgba(0,0,0,.28),
	  inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(12px);
}

.ta-subcat-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ta-subcat-name,.ta-subcat-title{
  margin:0;
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.02em;
  color:rgba(255,255,255,.96);
}
.ta-subcat-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;
  padding:0 8px;
  border-radius:999px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.70);
  font-weight:900;
  font-size:12px;
}
.ta-subcat-desc{
  margin:10px 0 14px;
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.35;
  min-height:34px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.ta-subcat-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;
  border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.86);
  font-weight:900;
  font-size:13px;
}


/* =====================================================================
   ToolAtlas Theme v0.3.0 — Neon Gradient refresh (matches new mock)
   - Keeps layout/sizes the same
   - Updates colors + glow/highlight for cards, hero, chips, search
   ===================================================================== */

:root{
  /* Base */
  --ta-bg:#06081a;
  --ta-text:rgba(255,255,255,.93);
  --ta-muted:rgba(255,255,255,.68);

  /* Accent RGB tuples (so we can use rgba(var(--x),a)) */
  --ta-cyan: 86,204,242;
  --ta-pink: 255,110,196;
  --ta-purple: 170,110,255;
  --ta-orange: 255,180,90;
  --ta-lime: 116,255,160;

  /* Primary gradient */
  --ta-glow: linear-gradient(135deg,
    rgba(var(--ta-cyan),.95),
    rgba(var(--ta-purple),.92),
    rgba(var(--ta-pink),.78)
  );

  /* Background wash (more colorful like the mock) */
  --ta-grad:
    radial-gradient(1100px 680px at 18% 18%, rgba(var(--ta-cyan),.38), transparent 65%),
    radial-gradient(900px 620px at 32% 88%, rgba(var(--ta-pink),.32), transparent 66%),
    radial-gradient(1000px 650px at 78% 22%, rgba(var(--ta-purple),.34), transparent 66%),
    radial-gradient(900px 700px at 85% 90%, rgba(var(--ta-lime),.12), transparent 70%),
    linear-gradient(135deg, rgba(var(--ta-cyan),.06), rgba(var(--ta-purple),.06) 45%, rgba(var(--ta-pink),.06));
}

/* Header: slightly more “glassy” + subtle neon hairline */
.ta-header{
  background: rgba(7,10,26,.55);
  border-bottom: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 14px 60px rgba(0,0,0,.25);
}
.ta-header::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1px;
  background: var(--ta-glow);
  opacity:.30;
  pointer-events:none;
}

/* Hero: same structure, more vibrant palette + right-side bubble cluster */
.toolatlas-hero{
  background:
    radial-gradient(1200px 520px at 15% 0%, rgba(var(--ta-cyan),.22), transparent 62%),
    radial-gradient(900px 520px at 85% 5%, rgba(var(--ta-pink),.18), transparent 62%),
    radial-gradient(900px 600px at 70% 95%, rgba(var(--ta-purple),.14), transparent 68%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.13);
  box-shadow:
    0 26px 130px rgba(0,0,0,.45),
    0 0 80px rgba(var(--ta-cyan),.12),
    0 0 90px rgba(var(--ta-pink),.08);
}
.toolatlas-hero::before{
  background: var(--ta-glow);
  opacity:.38;
  filter: blur(42px);
}
/* Bubble cluster on the right (decorative) */
.toolatlas-hero::after{
  left:auto;
  right:-160px;
  top:26px;
  bottom:auto;
  width:560px;
  height:420px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.16) 0 22px, rgba(var(--ta-cyan),.10) 24px 26px, transparent 56px),
    radial-gradient(circle at 42% 50%, rgba(255,255,255,.14) 0 28px, rgba(var(--ta-purple),.10) 30px 32px, transparent 68px),
    radial-gradient(circle at 60% 32%, rgba(255,255,255,.14) 0 18px, rgba(var(--ta-pink),.10) 20px 22px, transparent 52px),
    radial-gradient(circle at 75% 62%, rgba(255,255,255,.12) 0 24px, rgba(var(--ta-cyan),.10) 26px 28px, transparent 64px),
    radial-gradient(circle at 30% 72%, rgba(255,255,255,.10) 0 20px, rgba(var(--ta-pink),.10) 22px 24px, transparent 58px);
  opacity:.55;
  filter: blur(.2px);
}

.toolatlas-hero input[type="search"],
.toolatlas-hero input[type="text"]{
  background: rgba(0,0,0,.20);
  border: 1px solid rgba(255,255,255,.14);
}
.toolatlas-hero input[type="search"]:focus,
.toolatlas-hero input[type="text"]:focus{
  border-color: rgba(var(--ta-cyan),.55);
  box-shadow:
    0 0 0 3px rgba(var(--ta-cyan),.18),
    0 18px 70px rgba(var(--ta-pink),.10),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.toolatlas-hero button{
  background: var(--ta-glow);
  color: #0b1020;
  box-shadow:
    0 18px 70px rgba(var(--ta-cyan),.20),
    0 18px 70px rgba(var(--ta-pink),.14);
}

/* Chips: brighter hover/active glow */
.ta-chip:hover{
  border-color: rgba(var(--ta-cyan),.45);
  box-shadow: 0 16px 60px rgba(var(--ta-cyan),.14), 0 16px 60px rgba(var(--ta-pink),.10);
}
.ta-chip.is-active{
  background: rgba(var(--ta-cyan),.16);
  border-color: rgba(var(--ta-cyan),.28);
  box-shadow: 0 18px 70px rgba(var(--ta-cyan),.12), 0 18px 70px rgba(var(--ta-pink),.08);
}

/* =========================
   Neon border cards (sizes unchanged)
   ========================= */

/* Category tiles on homepage */
.toolatlas-cat-card{
  --ga: rgba(var(--ta-pink),.90);
  --gb: rgba(var(--ta-orange),.78);
  --gshadow: rgba(var(--ta-pink),.22);

  border: 1px solid transparent;
  background:
    linear-gradient(rgba(12,14,26,.52), rgba(12,14,26,.52)) padding-box,
    linear-gradient(135deg, var(--ga), var(--gb)) border-box;
  box-shadow:
    0 16px 60px rgba(0,0,0,.32),
    0 0 40px var(--gshadow);
}
.toolatlas-cat-card:nth-child(3n+2){
  --ga: rgba(var(--ta-purple),.90);
  --gb: rgba(var(--ta-lime),.70);
  --gshadow: rgba(var(--ta-purple),.18);
}
.toolatlas-cat-card:nth-child(3n+3){
  --ga: rgba(var(--ta-cyan),.95);
  --gb: rgba(var(--ta-purple),.85);
  --gshadow: rgba(var(--ta-cyan),.22);
}
.toolatlas-cat-card:hover{
  border-color: transparent;
  transform: translateY(-2px);
  box-shadow:
    0 20px 80px rgba(0,0,0,.36),
    0 0 60px var(--gshadow);
}
.toolatlas-cat-card .toolatlas-count{
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
}

/* Tool cards (search, category pages, tag pages) */
.ta-card{
  --ga: rgba(var(--ta-pink),.90);
  --gb: rgba(var(--ta-orange),.78);
  --gshadow: rgba(var(--ta-pink),.18);

  border: 1px solid transparent;
  background:
    linear-gradient(rgba(12,14,26,.55), rgba(12,14,26,.55)) padding-box,
    linear-gradient(135deg, var(--ga), var(--gb)) border-box;
  box-shadow:
    0 18px 90px rgba(0,0,0,.38),
    0 0 70px var(--gshadow);
  transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;
}
.ta-grid .ta-card:nth-child(3n+2){
  --ga: rgba(var(--ta-purple),.90);
  --gb: rgba(var(--ta-cyan),.90);
  --gshadow: rgba(var(--ta-purple),.16);
}
.ta-grid .ta-card:nth-child(3n+3){
  --ga: rgba(var(--ta-cyan),.95);
  --gb: rgba(var(--ta-purple),.85);
  --gshadow: rgba(var(--ta-cyan),.20);
}
.ta-card::before{
  content:"";
  position:absolute;
  inset:-30px;
  border-radius: 28px;
  background:
    radial-gradient(60% 60% at 20% 20%, var(--ga), transparent 62%),
    radial-gradient(60% 60% at 80% 45%, var(--gb), transparent 62%);
  opacity:.18;
  filter: blur(22px);
  pointer-events:none;
}
.ta-card::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.26));
  pointer-events:none;
}
.ta-card:hover{
  transform: translateY(-2px);
  box-shadow:
    0 22px 110px rgba(0,0,0,.42),
    0 0 90px var(--gshadow);
}
.ta-card-link{position:relative;z-index:1;}

/* Subcategory tiles on category pages */
.ta-subcat-card{
  --ga: rgba(var(--ta-pink),.90);
  --gb: rgba(var(--ta-orange),.78);
  --gshadow: rgba(var(--ta-pink),.16);

  border: 1px solid transparent;
  background:
    linear-gradient(rgba(12,14,26,.36), rgba(12,14,26,.36)) padding-box,
    linear-gradient(135deg, var(--ga), var(--gb)) border-box;
  box-shadow:
    0 14px 50px rgba(0,0,0,.28),
    0 0 52px var(--gshadow);
}
.ta-subcat-grid .ta-subcat-card:nth-child(3n+2){
  --ga: rgba(var(--ta-purple),.90);
  --gb: rgba(var(--ta-lime),.70);
  --gshadow: rgba(var(--ta-purple),.14);
}
.ta-subcat-grid .ta-subcat-card:nth-child(3n+3){
  --ga: rgba(var(--ta-cyan),.95);
  --gb: rgba(var(--ta-purple),.85);
  --gshadow: rgba(var(--ta-cyan),.18);
}
.ta-subcat-card::after{
  inset:-22px;
  border-radius: 26px;
  background:
    radial-gradient(70% 60% at 20% 20%, var(--ga), transparent 60%),
    radial-gradient(70% 60% at 80% 35%, var(--gb), transparent 60%);
  opacity:.20;
  filter: blur(20px);
}
.ta-subcat-card:hover{
  transform: translateY(-2px);
  box-shadow:
    0 18px 70px rgba(0,0,0,.32),
    0 0 70px var(--gshadow);
}

/* Results hero: a bit more on-brand */
.ta-results-hero{
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 90px rgba(0,0,0,.35);
}
.ta-apply,
.ta-search-btn{
  background: rgba(var(--ta-cyan),.16);
  border-color: rgba(var(--ta-cyan),.22);
  box-shadow: 0 16px 60px rgba(var(--ta-cyan),.12);
}
.ta-apply:hover,
.ta-search-btn:hover{
  box-shadow: 0 18px 70px rgba(var(--ta-cyan),.16), 0 18px 70px rgba(var(--ta-pink),.10);
}



/* Account: tabs + stats */
.toolatlas-account-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 10px 0 16px;
}
.toolatlas-account-nav__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration:none;
  color: var(--ta-text);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease;
}
.toolatlas-account-nav__item:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 16px 50px rgba(0,0,0,.28);
}
.toolatlas-account-nav__item.is-active{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 16px 60px rgba(0,0,0,.32);
}

/* Small KPI cards */
.toolatlas-stats-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin: 12px 0 18px;
}
.toolatlas-stat-card{
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
}
.toolatlas-stat-card .label{
  font-size: 12px;
  opacity: .8;
  letter-spacing: .02em;
}
.toolatlas-stat-card .value{
  font-size: 22px;
  font-weight: 800;
  margin-top: 4px;
}

/* Tools search bar */
.toolatlas-tools-search{
  display:flex;
  gap:10px;
  align-items:center;
  margin: 0 0 14px;
}
.toolatlas-tools-search input[type="search"]{
  flex: 1;
  min-width: 220px;
}
.toolatlas-tools-search button{
  padding: 12px 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--ta-text);
  cursor:pointer;
}
.toolatlas-tools-search button:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.18);
}

/* Pagination */
.toolatlas-pagination{
  margin-top: 14px;
}
.toolatlas-pagination ul{
  list-style:none;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  padding:0;
  margin:0;
}
.toolatlas-pagination li{
  margin:0;
}
.toolatlas-pagination a,
.toolatlas-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 40px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration:none;
  color: var(--ta-text);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.toolatlas-pagination a:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.16);
}
.toolatlas-pagination .current{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
}


/* ToolAtlas Account dashboard widgets */

.toolatlas-widgets-grid{
  margin:14px 0 18px;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
@media (min-width:900px){
  .toolatlas-widgets-grid{grid-template-columns:2fr 1fr;}
  .toolatlas-widget--chart{grid-column:1 / -1;}
}

.toolatlas-widget{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:14px;
  padding:14px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.toolatlas-widget-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.toolatlas-widget-header h3{
  margin:0;
  font-size:16px;
  font-weight:600;
  letter-spacing:0.2px;
}
.toolatlas-widget-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.toolatlas-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 10px;
  border-radius:10px;
  font-weight:600;
  font-size:13px;
  line-height:1;
  text-decoration:none;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.06);
  color:rgba(255,255,255,0.92);
}
.toolatlas-btn:hover{
  background:rgba(255,255,255,0.10);
}
.toolatlas-btn--ghost{
  background:rgba(0,0,0,0.08);
}

.toolatlas-stats-controls{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:10px;
}
.toolatlas-stats-controls.is-locked{justify-content:flex-end;}
.toolatlas-field{
  min-width:220px;
  flex:1 1 240px;
}
.toolatlas-field-label{
  display:block;
  font-size:12px;
  opacity:0.85;
  margin-bottom:6px;
}
.toolatlas-select{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(0,0,0,0.18);
  color:rgba(255,255,255,0.92);
}
.toolatlas-select:focus{
  outline:none;
  border-color:rgba(255,255,255,0.22);
}

.toolatlas-range-toggle{
  display:flex;
  gap:8px;
}
.toolatlas-range-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(0,0,0,0.18);
  color:rgba(255,255,255,0.86);
  font-weight:700;
  font-size:12px;
  cursor:pointer;
}
.toolatlas-range-btn.is-active{
  background:rgba(255,255,255,0.12);
  color:rgba(255,255,255,0.95);
}
.toolatlas-range-btn:hover{
  background:rgba(255,255,255,0.10);
}

.toolatlas-chart-summary{
  display:flex;
  gap:10px;
  margin:10px 0;
}
.toolatlas-chart-kpi{
  flex:1 1 0;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(0,0,0,0.14);
  border:1px solid rgba(255,255,255,0.10);
}
.toolatlas-chart-kpi .num{
  font-size:18px;
  font-weight:800;
}
.toolatlas-chart-kpi .lbl{
  font-size:12px;
  opacity:0.85;
}

.toolatlas-bar-chart{
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(0,0,0,0.12);
  padding:10px;
  min-height:140px;
}
.toolatlas-chart-bars{
  display:flex;
  align-items:flex-end;
  gap:2px;
  height:120px;
}
.toolatlas-bar-group{
  display:flex;
  gap:2px;
  align-items:flex-end;
  flex:1 1 0;
}
.toolatlas-bar{
  display:block;
  flex:1 1 0;
  border-radius:4px 4px 0 0;
  opacity:0.95;
}
.toolatlas-bar--views{background:rgba(92,186,255,0.75);}
.toolatlas-bar--clicks{background:rgba(171,110,255,0.70);}

.toolatlas-chart-loading,
.toolatlas-chart-empty{
  padding:14px;
  font-size:13px;
  opacity:0.9;
}

.toolatlas-chart-legend{
  display:flex;
  gap:14px;
  align-items:center;
  margin-top:10px;
  font-size:12px;
  opacity:0.9;
}
.toolatlas-chart-legend .legend{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.toolatlas-chart-legend .legend:before{
  content:'';
  width:10px;
  height:10px;
  border-radius:3px;
  display:inline-block;
}
.toolatlas-chart-legend .legend--views:before{background:rgba(92,186,255,0.75);}
.toolatlas-chart-legend .legend--clicks:before{background:rgba(171,110,255,0.70);}

.toolatlas-chart-note{
  margin-top:8px;
  font-size:12px;
  opacity:0.75;
}

.toolatlas-top-lists{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:600px){
  .toolatlas-top-lists{grid-template-columns:1fr 1fr;}
}
.toolatlas-top-title{
  font-weight:700;
  font-size:12px;
  letter-spacing:0.2px;
  opacity:0.9;
  margin-bottom:8px;
}
.toolatlas-top-list ol{
  margin:0;
  padding-left:18px;
}
.toolatlas-top-list li{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin:6px 0;
  font-size:13px;
}
.toolatlas-top-list a{
  color:rgba(255,255,255,0.92);
  text-decoration:none;
}
.toolatlas-top-list a:hover{text-decoration:underline;}
.toolatlas-top-metric{
  opacity:0.85;
  font-weight:700;
}

.toolatlas-reco-list{
  margin:0;
  padding-left:18px;
}
.toolatlas-reco-list li{
  margin:8px 0;
  font-size:13px;
}

.toolatlas-reco-mini{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,0.10);
}
.toolatlas-reco-mini-title{
  font-weight:700;
  font-size:12px;
  opacity:0.9;
  margin-bottom:8px;
}
.toolatlas-reco-mini-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:600px){
  .toolatlas-reco-mini-grid{grid-template-columns:1fr 1fr;}
}
.toolatlas-reco-mini-label{
  font-weight:700;
  font-size:12px;
  opacity:0.85;
  margin-bottom:6px;
}
.toolatlas-reco-mini-col ul{
  margin:0;
  padding-left:18px;
}
.toolatlas-reco-mini-col li{
  margin:5px 0;
  font-size:13px;
}
.toolatlas-reco-mini-empty{
  opacity:0.7;
  font-size:13px;
}

/* ===== Local lists (Saved / Compare) ===== */
.ta-nav-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  margin-left:6px;
  border-radius:999px;
  font-size:12px;
  line-height:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.92);
}

.ta-mini-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.86);
  font-weight:700;
  font-size:12px;
  cursor:pointer;
  transition:transform .12s ease, background .12s ease, border-color .12s ease;
}
.ta-mini-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);}
.ta-mini-btn.is-active{background:rgba(94,252,255,.10);border-color:rgba(94,252,255,.30);}

.ta-card-local-actions{
  display:flex;
  gap:8px;
  margin-top:12px;
}

.toolatlas-local-page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.toolatlas-local-page__title{margin:0;font-size:28px;letter-spacing:-.02em;}
.toolatlas-local-page__sub{margin:0;color:var(--ta-muted);}

.toolatlas-local-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:16px;
}
.toolatlas-local-card{
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  box-shadow:0 16px 60px rgba(0,0,0,.28);
  overflow:hidden;
}
.toolatlas-local-card__link{display:block;color:inherit;text-decoration:none;padding:16px;}
.toolatlas-local-card__top{display:flex;gap:12px;align-items:flex-start;}
.toolatlas-local-card__thumb{width:52px;height:52px;border-radius:16px;overflow:hidden;flex:0 0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;}
.toolatlas-local-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.toolatlas-local-card__title{margin:0;font-size:18px;line-height:1.25;letter-spacing:-.01em;color:rgba(255,255,255,.95);}
.toolatlas-local-card__excerpt{margin:10px 0 0;color:rgba(255,255,255,.74);line-height:1.55;}
.toolatlas-local-card__actions{display:flex;gap:8px;padding:0 16px 14px;flex-wrap:wrap;}

.toolatlas-toast{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:9999;
  max-width:min(520px, 92vw);
  padding:10px 14px;
  border-radius:16px;
  background:rgba(11,16,32,.92);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 80px rgba(0,0,0,.45);
  color:rgba(255,255,255,.92);
  font-weight:700;
  font-size:13px;
}
.toolatlas-toast.is-error{border-color:rgba(255,122,217,.28);}

.toolatlas-compare-table-wrap{overflow-x:auto;}
.toolatlas-compare-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  overflow:hidden;
}
.toolatlas-compare-table th, .toolatlas-compare-table td{
  padding:12px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  vertical-align:top;
}
.toolatlas-compare-table thead th{background:rgba(0,0,0,.18);}
.toolatlas-compare-table th{color:rgba(255,255,255,.88);text-align:left;}
.toolatlas-compare-table td{color:rgba(255,255,255,.78);}
.toolatlas-compare-head{display:flex;flex-direction:column;gap:10px;}
.toolatlas-compare-title{font-weight:800;text-decoration:none;}
.toolatlas-compare-title:hover{text-decoration:underline;}
.toolatlas-compare-actions{display:flex;gap:8px;flex-wrap:wrap;}

.toolatlas-local-footer{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}
.toolatlas-local-footer .toolatlas-button{cursor:pointer;}

/* ===== Tool page extras ===== */
.ta-list{margin:0;padding-left:18px;}
.ta-list li{margin:8px 0;color:rgba(255,255,255,.80);line-height:1.55;}

.ta-procon{display:grid;grid-template-columns:1fr;gap:14px;}
@media (min-width:800px){.ta-procon{grid-template-columns:1fr 1fr;}}
.ta-procon h3{margin:0 0 8px;font-size:15px;letter-spacing:-.01em;}

.ta-chipset{display:flex;gap:10px;flex-wrap:wrap;}
.ta-chip--static{cursor:default;}
.ta-chip--static:hover{transform:none;box-shadow:none;}

.ta-faq{display:flex;flex-direction:column;gap:10px;}
.ta-faq__item{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  border-radius:18px;
  padding:12px 14px;
}
.ta-faq__item summary{cursor:pointer;font-weight:800;}
.ta-faq__a{margin-top:10px;}