/* =====================================================
   QuickFreeToolz FINAL OVERRIDE
   Absolute version – no variables, no inheritance
   ===================================================== */

* { box-sizing:border-box; }

body {
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:linear-gradient(180deg,#e9eef7 0%,#f6f8fc 40%,#ffffff 100%);
  color:#0f172a !important;
}

/* DARK MODE */
body.dark{
  background:linear-gradient(90deg,#16198C 0%,#2b1c6e 35%,#4b1f7a 65%,#8C168F 100%) !important;
  color:#e5e7eb !important;
}

/* HEADER */
header{
  padding:120px 20px 100px;
  text-align:center;
  background:linear-gradient(135deg,#020617,#1e293b);
}

header h1{
  font-size:6rem !important;
  font-weight:900;
  letter-spacing:-0.05em;
  margin:0;
  background:linear-gradient(135deg,#6366f1,#3b82f6,#06b6d4);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  display:inline-flex;
  align-items:center;
  gap:20px;
}

header h1 img{
  width:64px;
  height:64px;
}

header p{
  margin-top:22px;
  font-size:3rem !important;
  font-weight:500;
  color:white;
}

/* LAYOUT */
.container{
  max-width:1200px;
  margin:0 auto;
  padding:60px 20px 80px;
}

/* TOOLBAR */
.toolbar{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;
  margin-bottom:40px;
}

.filter-btn{
  background:white;
  border:1px solid #6366f1;
  padding:10px 16px;
  border-radius:999px;
  cursor:pointer;
  font-size:.95rem;
  transition:.3s;
}

.filter-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(99,102,241,.4);
}

/* GRID */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:28px;
}

/* CARD */
.card{
  position:relative;
  background:white;
  border-radius:20px;
  padding:26px 22px;
  color:#0f172a !important;
  box-shadow:0 10px 25px rgba(15,23,42,.15);
  transition:.35s;
  overflow:hidden;
}

/* CARD GRADIENT */
.card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#6366f1,#3b82f6,#06b6d4);
  opacity:.12;
}

.card *{position:relative;z-index:1;}

.card:hover{
  transform:translateY(-14px) scale(1.03);
  box-shadow:0 35px 80px rgba(59,130,246,.6);
}

.card h3{
  margin:0 0 8px;
  font-weight:700;
}

.card p{
  color:#475569;
}

/* DARK MODE CARDS */
body.dark .card{
  background:#020617;
  color:#e5e7eb !important;
}

body.dark .card p{color:#94a3b8;}

/* BACK BUTTON – FORCE VISIBLE */
.back-btn{
  position:fixed !important;
  top:16px;
  left:16px;
  z-index:999999 !important;
  padding:10px 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#6366f1,#3b82f6);
  color:white !important;
  font-size:.95rem;
  box-shadow:0 10px 26px rgba(59,130,246,.6);
}

.back-btn:hover{
  transform:translateY(-3px);
}

/* FOOTER */
footer{
  text-align:center;
  padding:50px 20px;
  color:#475569;
}