:root {
  --tp-bg: #0B1020;
  --tp-card: #111A33;
  --tp-text: #FFFFFF;
  --tp-muted: #AAB6CC;
  --tp-primary: #1367FF;
  --tp-secondary: #168BFF;
  --tp-accent: #08CFFF;
  --tp-border: rgba(255,255,255,0.10);
  --tp-glow: linear-gradient(135deg, #135DFF, #08CFFF);
}

html[data-theme="dark"] {
  --tp-bg: #080d18;
  --tp-card: #111827;
  --tp-text: #f8fafc;
  --tp-muted: #94a3b8;
  --tp-primary: #818cf8;
  --tp-border: #1f2937;
}

* { box-sizing: border-box; }
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body.toolspress-body {
  margin: 0;
  background: var(--tp-bg);
  color: var(--tp-text);
  font-family: Inter, system-ui, sans-serif;
  line-height: 1.6;
  background-image: radial-gradient(circle at top right, rgba(19,103,255,.18), transparent 28%), radial-gradient(circle at left 20%, rgba(8,207,255,.12), transparent 24%);
}
a { color: var(--tp-primary); }
.tp-container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.tp-header {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(20px);
  background: rgba(11,16,32,.62);
  border-bottom: 1px solid var(--tp-border);
}
.tp-header__inner,
.tp-footer__grid,
.tp-hero__grid,
.tp-grid-3,
.tp-grid-2,
.tp-mini-stats,
.tp-stats-grid,
.tp-category-grid,
.tp-topbar__inner,
.tp-footer__bottom {
  display: grid;
  gap: 20px;
}
.tp-header__inner {
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  padding: 14px 0;
}
.tp-nav-toggle {
  display: none;
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid var(--tp-border);
  border-radius: 14px;
  background: var(--tp-card);
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
  color: var(--tp-text);
  font-style: normal;
}
.tp-nav-toggle span:not(.screen-reader-text) {
  display: block;
  width: 20px;
  height: 2px;
  background: var(--tp-text);
  border-radius: 999px;
}
.tp-brand { display: flex; gap: 12px; align-items: center; min-width: 0; }
.tp-site-title { text-decoration: none; color: var(--tp-text); font-weight: 800; }
.tp-nav ul { display: flex; flex-wrap: wrap; list-style: none; gap: 18px; padding: 0; margin: 0; }
.tp-nav a,
.tp-nav a:hover,
.tp-nav a:focus,
.tp-nav a:active,
.tp-nav .current-menu-item > a,
.tp-nav .current_page_item > a {
  text-decoration: none !important;
  color: var(--tp-text);
}
.tp-nav .current-menu-item > a,
.tp-nav .current_page_item > a {
  color: var(--tp-accent);
}
.tp-header__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: flex-end; }
.tp-nav-backdrop { position: fixed; inset: 0; background: rgba(3,7,18,.65); backdrop-filter: blur(4px); z-index: 18; }
.tp-credit-pill,
.tp-theme-toggle {
  background: var(--tp-card);
  border: 1px solid var(--tp-border);
  border-radius: 999px;
  padding: 10px 14px;
  color: var(--tp-text);
  backdrop-filter: blur(15px);
}
.tp-credit-pill--guest {
  background: rgba(79, 70, 229, 0.08);
  border-color: rgba(79, 70, 229, 0.18);
  color: var(--tp-primary);
  font-weight: 700;
}
.tp-hero { position: relative; padding: 72px 0 32px; overflow: clip; }
.tp-hero__bg { position:absolute; inset:0; pointer-events:none; }
.tp-orb { position:absolute; border-radius:50%; filter: blur(18px); opacity:.75; }
.tp-orb--one { width:240px; height:240px; top:40px; right:12%; background: radial-gradient(circle, rgba(8,207,255,.65), transparent 65%); }
.tp-orb--two { width:320px; height:320px; top:180px; left:-60px; background: radial-gradient(circle, rgba(19,103,255,.45), transparent 65%); }
.tp-grid-glow { position:absolute; inset:10% 0 auto 0; height:420px; background: linear-gradient(180deg, rgba(19,103,255,.08), transparent), repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 72px), repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 72px); mask-image: linear-gradient(180deg, rgba(0,0,0,.8), transparent); }
.tp-topbar { padding: 8px 0 0; }
.tp-topbar__inner { grid-template-columns: auto 1fr; align-items: center; background: rgba(255,255,255,.04); border:1px solid var(--tp-border); border-radius:18px; padding:14px 18px; backdrop-filter: blur(15px); }
.tp-topbar__label { display:inline-flex; align-items:center; justify-content:center; padding:6px 10px; border-radius:999px; background:rgba(79,70,229,.12); color:var(--tp-primary); font-weight:700; }
.tp-hero__grid { grid-template-columns: 1.4fr 0.9fr; align-items: center; }
.tp-kicker {
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(79, 70, 229, 0.12);
  color: var(--tp-primary);
  font-weight: 700;
}
.tp-hero h1 { font-size: clamp(2.4rem, 4vw, 4.8rem); line-height: 1.03; margin: .5rem 0; }
.tp-hero__subtitle { margin:0 0 12px; font-size: clamp(1.1rem, 2vw, 1.45rem); color: var(--tp-accent); }
.tp-hero-card,
.tp-feature-card,
.tp-post-card,
.tp-page {
  position: relative;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--tp-border);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
  backdrop-filter: blur(15px);
}
.tp-hero-visual { position:relative; min-height:440px; perspective: 1200px; }
.tp-glass-stack { position:relative; padding:22px; border-radius:24px; background:rgba(255,255,255,.05); border:1px solid var(--tp-border); box-shadow: 0 30px 80px rgba(0,0,0,.25); backdrop-filter: blur(16px); }
.tp-glass-stack--main { position:absolute; inset:72px 24px 48px 24px; transform: rotateY(-10deg) rotateX(4deg); background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); }
.tp-glass-stack--floating { position:absolute; width: 220px; }
.tp-glass-stack--one { top: 0; right: 0; }
.tp-glass-stack--two { left: 0; bottom: 32px; }
.tp-glass-stack--three { right: 24px; bottom: -6px; }
.tp-chip { display:inline-flex; padding:8px 12px; border-radius:999px; background:rgba(8,207,255,.12); color:var(--tp-accent); font-weight:700; margin-bottom:10px; }
.tp-hero__cta-row { display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 20px; }
.tp-btn { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding:12px 18px; border-radius:14px; text-decoration:none; font-weight:700; transition: transform .2s ease, box-shadow .2s ease; }
.tp-btn:hover { transform: translateY(-2px); }
.tp-btn--primary { background: var(--tp-glow); color:#fff; box-shadow: 0 16px 40px rgba(19,103,255,.28); }
.tp-btn--secondary { background: rgba(255,255,255,.07); color: var(--tp-text); border:1px solid var(--tp-border); }
.tp-btn--ghost { background: transparent; color: var(--tp-accent); border:1px solid rgba(8,207,255,.25); }
.tp-hero__actions .aiotm-search input { min-height: 52px; }
.tp-hero__actions .aiotm-search button { min-width: 140px; }
.tp-inline-link { display:inline-flex; margin-top:10px; font-weight:700; text-decoration:none; }
.tp-tools-hero__grid { display:grid; grid-template-columns:1.4fr .9fr; gap:20px; align-items:start; }
.tp-stats-grid { grid-template-columns: repeat(4, 1fr); }
.tp-stats-grid .tp-feature-card strong { font-size: 2rem; display:block; }
.tp-category-grid { grid-template-columns: repeat(3, 1fr); }
.tp-category-card { overflow:hidden; }
.tp-card-glow { position:absolute; inset:auto -10% -40% auto; width:180px; height:180px; border-radius:50%; background: radial-gradient(circle, rgba(8,207,255,.18), transparent 70%); }
.tp-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:18px; color:var(--tp-muted); font-size:14px; }
.tp-breadcrumbs a { color:var(--tp-muted); text-decoration:none; }
.tp-tool-single-shell .aiotm-single-tool { background:transparent; }
.tp-tool-single-wrap { background:transparent; }
.tp-tool-single-wrap .aiotm-tool-sidecard,
.tp-tool-single-wrap .aiotm-panel,
.tp-tool-single-wrap .aiotm-results,
.tp-tool-single-wrap .aiotm-pricing-card,
.tp-tool-single-wrap .aiotm-tool-card,
.tp-tool-single-wrap .aiotm-stat-card {
  background: rgba(255,255,255,0.05);
  border-color: rgba(255,255,255,0.12);
  backdrop-filter: blur(16px);
}
.tp-tool-single-wrap .aiotm-alert--warning { background: rgba(245, 158, 11, 0.16); }
.tp-tool-single-wrap .aiotm-alert--success { background: rgba(34, 197, 94, 0.16); }
.tp-tool-single-wrap .aiotm-alert--danger { background: rgba(239, 68, 68, 0.16); }
.tp-mini-stats,
.tp-grid-3 { grid-template-columns: repeat(3, 1fr); }
.tp-mini-stats strong { display: block; margin-bottom: 6px; }
.tp-hero .aiotm-search { grid-template-columns: 1fr auto; }
.tp-section { padding: 34px 0; }
.tp-section--alt { background: linear-gradient(180deg, transparent, rgba(79, 70, 229, 0.04)); }
.tp-section-head { margin-bottom: 18px; }
.tp-grid-2 { grid-template-columns: repeat(2, 1fr); }
.tp-footer { padding: 42px 0; border-top: 1px solid var(--tp-border); margin-top: 44px; }
.tp-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; }
.tp-footer h4 { margin: 0 0 12px; }
.tp-footer-newsletter { margin-top: 18px; }
.tp-socials { display:flex; flex-wrap:wrap; gap:12px; margin-top:14px; }
.tp-socials a { display:inline-flex; padding:8px 12px; border-radius:999px; border:1px solid var(--tp-border); text-decoration:none; color:var(--tp-text); background:rgba(255,255,255,.04); }
.tp-footer__bottom { grid-template-columns: 1fr auto; align-items: center; padding-top: 20px; margin-top: 20px; border-top: 1px solid var(--tp-border); }
.tp-footer__links { display:flex; flex-wrap:wrap; gap:16px; }
.tp-footer__links a { text-decoration:none; color:var(--tp-muted); }
.tp-ad-slot { background: rgba(255,255,255,.04); border:1px dashed var(--tp-border); border-radius:16px; padding:16px; text-align:center; backdrop-filter: blur(14px); }
.tp-header-ad-wrap,.tp-footer-ad-wrap { padding-bottom: 14px; }
.menu { padding-left: 0; list-style: none; }
.menu li { margin-bottom: 8px; }
.menu a { text-decoration:none; }

@media (max-width: 960px) {
  .tp-header__inner,
  .tp-hero__grid,
  .tp-tools-hero__grid,
  .tp-mini-stats,
  .tp-stats-grid,
  .tp-category-grid,
  .tp-grid-3,
  .tp-grid-2,
  .tp-footer__grid,
  .tp-footer__bottom,
  .tp-topbar__inner {
    grid-template-columns: 1fr;
  }

  .tp-header__inner { grid-template-columns: 1fr auto auto; gap: 12px; }
  .tp-nav-toggle { display: inline-flex; }
  .tp-nav {
    position: fixed;
    top: 0;
    right: 0;
    width: min(88vw, 360px);
    height: 100vh;
    display: block;
    transform: translateX(100%);
    transition: transform .28s ease;
    background: rgba(11,16,32,.96);
    border-left: 1px solid var(--tp-border);
    border-radius: 0;
    padding: 88px 18px 24px;
    z-index: 19;
    overflow-y: auto;
  }
  .tp-nav.is-open { transform: translateX(0); }
  .tp-nav ul { gap: 12px; flex-direction: column; }
  .tp-nav a { display: block; padding: 12px 14px; border: 1px solid var(--tp-border); border-radius: 14px; background: rgba(255,255,255,.03); }
  .tp-nav-toggle { display: inline-flex; justify-self: end; }
  .tp-hero { padding-top: 48px; }
}

@media (max-width: 640px) {
  .tp-container { width: min(100% - 20px, 1180px); }
  .tp-hero-card,
  .tp-feature-card,
  .tp-post-card,
  .tp-page { padding: 18px; border-radius: 18px; }
  .tp-theme-toggle { min-width: 92px; }
  .tp-credit-pill { display: none; }
  .tp-header__actions { width: auto; }
  .tp-hero__actions .aiotm-search { grid-template-columns: 1fr; }
  .tp-btn { width: 100%; }
}