/* USA Free Tools — Premium 2026 visual system */
:root{
  --uft-bg:#070a12;
  --uft-bg2:#0b1020;
  --uft-surface:rgba(17,24,39,.78);
  --uft-surface-solid:#111827;
  --uft-surface-2:#0f172a;
  --uft-border:rgba(148,163,184,.16);
  --uft-text:#f8fafc;
  --uft-muted:#94a3b8;
  --uft-accent:#6d5dfc;
  --uft-accent2:#22d3ee;
  --uft-blue:#3b82f6;
  --uft-success:#34d399;
  --uft-shadow:0 24px 70px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--uft-bg)}
body{
  margin:0!important;
  color:var(--uft-text)!important;
  background:
    radial-gradient(900px 500px at 8% -10%,rgba(109,93,252,.16),transparent 60%),
    radial-gradient(800px 500px at 95% 5%,rgba(34,211,238,.09),transparent 58%),
    linear-gradient(180deg,#070a12 0%,#090d18 48%,#070a12 100%)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.65!important;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
a{color:#a5b4fc}
a:hover{color:#c4b5fd}

/* Global header variants */
header{
  position:relative!important;
  color:#fff!important;
  background:rgba(7,10,18,.72)!important;
  background-image:linear-gradient(135deg,rgba(109,93,252,.12),rgba(34,211,238,.04))!important;
  border-bottom:1px solid var(--uft-border)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
header .navbar,header .nav,header .header-inner,header>div{
  max-width:1180px!important;margin:0 auto!important;padding:17px 20px!important;
}
.logo,header .logo{color:#fff!important;text-decoration:none!important;font-weight:900!important;letter-spacing:-.03em!important;font-size:21px!important}
.logo:before{content:"✦";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:9px;border-radius:9px;background:linear-gradient(135deg,var(--uft-accent),var(--uft-accent2));font-size:13px;vertical-align:-5px;box-shadow:0 6px 20px rgba(109,93,252,.3)}
header nav,header .nav-links{display:flex;align-items:center;gap:8px!important;flex-wrap:wrap}
header nav a,header .nav-links a,header .back{color:#cbd5e1!important;text-decoration:none!important;font-weight:700!important;font-size:14px!important;padding:8px 12px;border-radius:10px;transition:.2s ease}
header nav a:hover,header .nav-links a:hover,header .back:hover{color:#fff!important;background:rgba(255,255,255,.07);transform:translateY(-1px)}

/* Shared hero */
.hero{
  position:relative!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  text-align:center;
  padding:76px 20px 92px!important;
  max-width:1000px!important;
  margin:0 auto!important;
}
.hero:after{content:"";position:absolute;left:50%;bottom:26px;width:180px;height:1px;background:linear-gradient(90deg,transparent,rgba(109,93,252,.8),rgba(34,211,238,.7),transparent);transform:translateX(-50%)}
.hero h1,.page-title,.hero h1:first-child{color:#fff!important;font-size:clamp(38px,6vw,64px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0 0 18px!important;font-weight:900!important;text-wrap:balance}
.hero p,.hero .lead{color:#a8b3c7!important;font-size:18px!important;max-width:720px!important;margin:0 auto!important;line-height:1.7!important}
.hero h1:after{content:"";display:block;width:62px;height:4px;border-radius:9px;margin:22px auto 0;background:linear-gradient(90deg,var(--uft-accent),var(--uft-accent2))}

/* Main containers */
.container,.wrap,.converter-wrapper{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:20px!important;padding-right:20px!important}
.container{padding-top:34px!important;padding-bottom:70px!important}
.wrap{padding-top:34px!important;padding-bottom:80px!important}

/* Universal panels/cards */
.card,.calculator,.calculator-card,.tool-card,.content-section,.info-section,.policy,.contact-box,.contact-card,.box,.converter-card,.upload-box,.editor,.workspace,.faq-item,.blog-card,.guide-card,.smart-assistant,.usft-pro-card,.field,.result,.tip,.notice,.instructions,.pdf-faq,.privacy,.share-card,.usft-daily-card{
  background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(11,16,29,.88))!important;
  color:#e5e7eb!important;
  border:1px solid var(--uft-border)!important;
  box-shadow:var(--uft-shadow)!important;
}
.card,.calculator,.calculator-card,.tool-card,.content-section,.info-section,.policy,.contact-box,.contact-card,.box,.converter-card,.upload-box,.editor,.workspace,.faq-item,.blog-card,.guide-card,.smart-assistant,.usft-pro-card{border-radius:24px!important}
.calculator,.calculator-card,.tool-card,.card{padding:28px!important}
.content-section,.info-section,.policy{padding:32px!important}
.content-section+ .content-section{margin-top:18px}
.tool-card:hover,.calculator-card:hover,.blog-card:hover,.guide-card:hover,.card:hover{transform:translateY(-3px);border-color:rgba(129,140,248,.32)!important;box-shadow:0 30px 80px rgba(0,0,0,.34)!important}

/* Typography inside dark panels */
.card h1,.card h2,.card h3,.calculator h2,.calculator h3,.calculator-card h2,.calculator-card h3,.tool-card h2,.tool-card h3,.content-section h2,.content-section h3,.info-section h2,.info-section h3,.policy h2,.contact-box h2,.contact-card h2,.blog-card h3,.guide-card h3,.faq-item h3{color:#f8fafc!important}
.card p,.card li,.calculator p,.calculator li,.calculator-card p,.calculator-card li,.tool-card p,.tool-card li,.content-section p,.content-section li,.info-section p,.info-section li,.policy p,.policy li,.contact-box p,.contact-card p,.blog-card p,.guide-card p,.faq-item p,.tip{color:#9aa8bd!important}
.content-section a,.info-section a,.policy a,.blog-card a,.guide-card a{color:#a5b4fc!important}

/* Inputs and controls */
input,select,textarea{
  color:#f8fafc!important;
  background:#0b1220!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:13px!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
input::placeholder,textarea::placeholder{color:#64748b!important}
input:focus,select:focus,textarea:focus{border-color:rgba(129,140,248,.8)!important;box-shadow:0 0 0 4px rgba(109,93,252,.12),inset 0 1px 0 rgba(255,255,255,.03)!important}
label{color:#e2e8f0!important}
button,.btn,.calculate-btn,.primary-btn,.convert-btn,.blog-more,.mystery-open,.mystery-form button,.file-button,.download-btn{
  border:0!important;border-radius:13px!important;color:#fff!important;font-weight:850!important;
  background:linear-gradient(135deg,#6d5dfc,#3b82f6 60%,#22d3ee)!important;
  box-shadow:0 12px 30px rgba(79,70,229,.22)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
button:hover,.btn:hover,.calculate-btn:hover,.primary-btn:hover,.convert-btn:hover,.blog-more:hover,.mystery-open:hover,.file-button:hover,.download-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 18px 38px rgba(79,70,229,.3)!important}
.secondary,.secondary:hover{background:#1e293b!important;color:#e2e8f0!important;box-shadow:none!important}

/* Results */
.result,.result-box,.result-grid,.result-amount,.rate-info,.status{background:linear-gradient(135deg,rgba(109,93,252,.13),rgba(34,211,238,.07))!important;border:1px solid rgba(129,140,248,.2)!important;color:#dbeafe!important}
.result-label{color:#94a3b8!important}.result-amount{color:#fff!important;font-weight:900!important}

/* Homepage */
.home,.usft-pro-section,.quick-guides,.blog-section,.faq{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.section-title h2,.smart-assistant h2{color:#f8fafc!important;font-weight:900!important;letter-spacing:-.04em!important}
.section-title p,.smart-assistant p{color:#8fa0b7!important}
.search-box input{background:#0b1220!important;color:#fff!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:16px!important;box-shadow:0 22px 60px rgba(0,0,0,.28)!important}
.smart-assistant{background:linear-gradient(135deg,rgba(109,93,252,.10),rgba(34,211,238,.05))!important}
.smart-badge,.usft-pro-chip{background:rgba(109,93,252,.15)!important;color:#c4b5fd!important;border:1px solid rgba(129,140,248,.2)}
.smart-options a{background:#0d1423!important;color:#e5e7eb!important;border-color:var(--uft-border)!important}
.card-icon,.usft-pro-icon{background:linear-gradient(135deg,rgba(109,93,252,.17),rgba(34,211,238,.1))!important;border:1px solid rgba(129,140,248,.16)!important}
.tool-card h3 a,.calculator-card h3 a{color:#fff!important}
.tool-card p,.calculator-card p{color:#8fa0b7!important}
.usft-stats .usft-stat,.usft-category-row .usft-cat{background:rgba(17,24,39,.8)!important;color:#e5e7eb!important;border-color:var(--uft-border)!important}

/* Blog */
.blog-grid{gap:18px!important}.blog-date{color:#a5b4fc!important}.blog-read{color:#a5b4fc!important}

/* Special light utility pages */
.wrap>.hero{max-width:850px!important;margin:0 auto!important}
.grid{gap:14px!important}.field{box-shadow:none!important;background:rgba(17,24,39,.58)!important;padding:15px!important;border-radius:15px!important}

/* Footer */
footer,.footer,.footer-inner{
  background:#05070d!important;color:#cbd5e1!important;border-top:1px solid var(--uft-border)!important;
}
footer{margin-top:70px!important;padding:54px 20px 30px!important}
.footer-brand h3,.footer-brand strong{color:#fff!important}.footer-brand p,.copyright{color:#718096!important}
.footer-links a,footer a{color:#a8b3c7!important;text-decoration:none!important}.footer-links a:hover,footer a:hover{color:#fff!important}
.copyright{border-top-color:var(--uft-border)!important}

/* Ad containers: keep clean and visually separated */
.site-ad{margin:26px auto!important;min-height:20px!important;color:#64748b!important}
.site-ad:empty{display:none}

/* Mobile */
@media(max-width:760px){
  body{padding-bottom:76px!important}
  header .navbar,header .nav,header .header-inner,header>div{padding:13px 15px!important}
  header nav,header .nav-links{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;max-width:100%;scrollbar-width:none}
  header nav::-webkit-scrollbar,header .nav-links::-webkit-scrollbar{display:none}
  header nav a,header .nav-links a,header .back{font-size:12px!important;padding:7px 9px!important}
  .hero{padding:52px 15px 68px!important}
  .hero h1,.page-title{font-size:clamp(35px,11vw,50px)!important}
  .hero p,.hero .lead{font-size:15px!important}
  .container,.wrap,.converter-wrapper{padding-left:14px!important;padding-right:14px!important}
  .calculator,.calculator-card,.tool-card,.card,.content-section,.info-section,.policy,.contact-box,.contact-card,.box,.converter-card,.upload-box,.editor,.workspace,.faq-item,.blog-card,.guide-card,.smart-assistant,.usft-pro-card{padding:20px!important;border-radius:18px!important}
  .tools,.guide-grid,.blog-grid,.converter-grid,.grid,.calculator-grid,.form-grid,.input-grid{grid-template-columns:1fr!important}
  .tool-card,.calculator-card{min-width:0}
  .usft-mobile-nav,.mobilebar{background:rgba(5,7,13,.94)!important;border:1px solid var(--uft-border)!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important;backdrop-filter:blur(18px)}
}
@media(min-width:761px){.usft-mobile-nav,.mobilebar{backdrop-filter:blur(16px)}}

/* Accessibility */
:focus-visible{outline:2px solid #67e8f9!important;outline-offset:3px!important}
::selection{background:rgba(109,93,252,.4);color:#fff}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Final contrast fix for the premium tool directory */
.usft-pro-card{color:#f8fafc!important;background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(11,16,29,.88))!important;border-color:var(--uft-border)!important}
.usft-pro-card strong{color:#f8fafc!important;font-weight:850!important}
.usft-pro-card span{color:#9aa8bd!important}
.usft-pro-card .usft-pro-chip{color:#c4b5fd!important;background:rgba(109,93,252,.10)!important;border:1px solid rgba(129,140,248,.18)!important;border-radius:0 0 10px 10px!important;padding:8px 10px!important;margin:12px 0 0!important}
.usft-pro-head h2{color:#f8fafc!important}
.usft-pro-head p{color:#8fa0b7!important}
.usft-seeall{background:rgba(17,24,39,.8)!important;color:#a5b4fc!important;border-color:var(--uft-border)!important}
.usft-cat{background:#111827!important;color:#cbd5e1!important;border-color:var(--uft-border)!important}
.usft-cat.active{background:linear-gradient(135deg,#6d5dfc,#3b82f6)!important;color:#fff!important;border-color:transparent!important}
.usft-stat{background:rgba(17,24,39,.8)!important;color:#f8fafc!important;border-color:var(--uft-border)!important}
.usft-stat span{color:#8fa0b7!important}