/*
Theme Name: ToolItFast Premium
Theme URI: https://toolitfast.com
Author: ToolItFast
Description: Lightweight premium SaaS-style WordPress theme for ToolItFast.
Version: 1.0.0
License: GPL-2.0-or-later
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#070b16;--panel:#111a2b;--text:#f5f7fb;--muted:#96a3b8;--blue:#3472f5;--line:rgba(255,255,255,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b101b;color:#e8edf7;font-family:Inter,Arial,sans-serif}.container{width:min(var(--max),calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}
.site-header{position:absolute;left:0;right:0;top:0;z-index:20;background:rgba(7,11,22,.55);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:32px}.brand{font-size:20px;font-weight:800;letter-spacing:-.8px}.brand span{color:#4c83ff}.brand b{color:#91a0ba}.desktop-nav{display:flex;gap:27px;margin-left:auto}.desktop-nav a{font-size:13px;color:#aeb9cc}.desktop-nav a:hover{color:#fff}.nav-cta,.btn{border-radius:10px;font-size:13px;font-weight:700}.nav-cta{padding:11px 17px;border:1px solid rgba(91,139,255,.55);background:rgba(47,109,246,.14);color:#dbe6ff}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,rgba(38,91,210,.17),transparent 32%),linear-gradient(135deg,#080d1b,#070b16 62%,#0b1222);padding:145px 0 90px}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#7097ff;margin-bottom:15px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4c83ff;box-shadow:0 0 14px #4c83ff;margin-right:8px}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-3px;margin:0 0 22px;font-weight:800}.hero h1 span{background:linear-gradient(90deg,#fff,#5e8fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:560px;color:#a8b4c9;font-size:17px;line-height:1.7;margin:0 0 30px}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 19px}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(47,109,246,.25)}.btn.ghost{border:1px solid var(--line);color:#d9e0ed;background:rgba(255,255,255,.025)}.trust-row{display:flex;gap:28px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.trust-row div{display:flex;flex-direction:column;gap:4px}.trust-row strong{font-size:17px}.trust-row small{color:#7f8ca2;font-size:10px;text-transform:uppercase;letter-spacing:.7px}
.hero-visual{position:relative;padding:10px 8px 35px}.dashboard{border:1px solid rgba(255,255,255,.12);background:rgba(13,20,36,.88);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 70px rgba(48,104,238,.1);overflow:hidden}.dash-top{height:46px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:9px}.dot{width:8px;height:8px;background:#4c83ff;border-radius:50%;box-shadow:0 0 10px #4c83ff}.dash-title{font-size:11px;font-weight:700}.dash-pill{margin-left:auto;font-size:9px;padding:5px 8px;border-radius:20px;background:rgba(47,109,246,.15);color:#76a0ff}.dash-body{display:grid;grid-template-columns:125px 1fr;min-height:330px}aside{padding:18px 10px;border-right:1px solid var(--line);color:#71809a;font-size:9px}aside div{padding:10px 8px;border-radius:7px;margin-bottom:3px}.side-active{color:#dce7ff;background:rgba(63,110,220,.14)}.dash-main{padding:23px}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dash-heading small{font-size:8px;letter-spacing:1.4px;color:#64738d}.dash-heading h3{font-size:20px;margin:4px 0}.search{font-size:9px;color:#66748c;border:1px solid var(--line);padding:8px 12px;border-radius:7px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-card{border:1px solid var(--line);border-radius:10px;padding:13px;background:rgba(255,255,255,.025)}.mini-card.featured{border-color:rgba(69,125,255,.3);background:linear-gradient(145deg,rgba(47,109,246,.12),rgba(255,255,255,.025))}.mini-card span{font-size:7px;color:#6e9aff;letter-spacing:1px}.mini-card strong{display:block;font-size:12px;margin:9px 0 6px}.mini-card small{display:block;color:#71809a;font-size:8px;line-height:1.5;height:25px}.mini-card button{margin-top:11px;width:100%;border:1px solid var(--line);background:transparent;color:#a9c1ff;border-radius:6px;font-size:8px;padding:7px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.metrics div{background:rgba(255,255,255,.025);border:1px solid var(--line);padding:12px;border-radius:8px}.metrics small{display:block;color:#61708a;font-size:7px;letter-spacing:1px}.metrics strong{display:block;margin-top:5px;font-size:15px}
.section{padding:92px 0}.tools-section{background:linear-gradient(180deg,#101827,#0d1421)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-head h2,.center-head h2{font-size:38px;letter-spacing:-1.7px;margin:0 0 9px;color:#f4f7fc}.section-head p{margin:0;color:#8e9bb0;font-size:14px}.text-link{font-size:12px;font-weight:700;color:#72a0ff}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tool-card{background:linear-gradient(145deg,#151f30,#111927);border:1px solid var(--line);border-radius:15px;padding:20px;min-height:215px;transition:.25s}.tool-card:hover{transform:translateY(-4px);border-color:rgba(91,139,255,.45);box-shadow:0 18px 40px rgba(0,0,0,.28)}.card-top{display:flex;justify-content:space-between}.tool-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:800;background:rgba(65,120,245,.12);color:#75a0ff}.tag{font-size:8px;letter-spacing:1px;font-weight:800;color:#8290a6}.tool-card h3{font-size:16px;margin:17px 0 8px;color:#f5f7fb}.tool-card p{font-size:11px;line-height:1.65;color:#94a1b6;margin:0 0 17px}.card-link{font-size:10px;font-weight:800;color:#6f9bff}
.categories{background:linear-gradient(180deg,#0d1421,#0a101b)}.center-head{text-align:center;margin-bottom:38px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-grid a{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.cat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(65,120,245,.12);color:#75a0ff;font-weight:800}.category-grid h3{font-size:13px;margin:0 0 5px;color:#f2f5fb}.category-grid p{font-size:10px;color:#8795aa;margin:0}.category-grid b{margin-left:auto;color:#6e9bff}
.why{padding:100px 0;background:#080d19}.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.why h2{font-size:45px;letter-spacing:-2px;line-height:1.05;margin:0 0 20px;color:#fff}.why h2 span{color:#6f9bff}.why p{color:#8f9bb0;line-height:1.7;font-size:13px;max-width:470px}.benefits{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.benefits div{padding:23px 20px 20px 0;border-bottom:1px solid var(--line)}.benefits div:nth-child(even){padding-left:25px;border-left:1px solid var(--line)}.benefits span{font-size:9px;color:#547fe8}.benefits h3{font-size:14px;margin:10px 0 7px;color:#fff}.benefits p{font-size:10px;margin:0;color:#77839a}
.cta{background:linear-gradient(105deg,#163b8e,#235bd1 60%,#304f9b);padding:54px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between}.cta h2{font-size:31px;letter-spacing:-1px;margin:0 0 8px;color:#fff}.cta p{font-size:12px;color:#d6e2ff;margin:0}.btn.white{background:#fff;color:#2456c7}
footer{background:#060a13;color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;padding-bottom:42px}.footer-grid p{max-width:290px;color:#77839a;font-size:11px;line-height:1.7}.footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:4px 0 15px}.footer-grid a:not(.brand){display:block;color:#7f8ba0;font-size:11px;margin:10px 0}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#606c80;font-size:9px}
@media(max-width:900px){.hero-grid,.why-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.tool-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr 1fr}.desktop-nav{display:none}.nav-cta{margin-left:auto}.menu{display:block}}
@media(max-width:600px){.container{width:min(100% - 28px,var(--max))}.nav{height:68px}.nav-cta{display:none}.hero{padding:105px 0 65px}.hero h1{font-size:39px}.hero-actions{flex-wrap:wrap}.trust-row{gap:16px}.dash-body{grid-template-columns:1fr}.dash-body aside{display:none}.dash-main{padding:16px}.mini-cards{grid-template-columns:1fr}.mini-card:not(:first-child){display:none}.section{padding:65px 0}.section-head{display:block}.section-head h2,.center-head h2{font-size:31px}.tool-grid,.category-grid{grid-template-columns:1fr}.tool-card{min-height:190px}.why{padding:70px 0}.why h2{font-size:37px}.benefits{grid-template-columns:1fr}.benefits div:nth-child(even){padding-left:0;border-left:0}.cta-inner{display:block}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}
