.dark .tools-page{--bg-main: #0A0F1E;--bg-card: rgba(30, 41, 59, .58);--bg-card-border: rgba(51, 65, 85, .85);--color-text: #F8FAFC;--color-text-muted: #CBD5E1;--color-primary: #60A5FA;--color-primary-hover: #93C5FD;--color-primary-glow: rgba(96, 165, 250, .16)}.tools-page{border-top:1px solid rgba(226,232,240,.9)}.dark .tools-page{border-top-color:#1e293bcc}.tools-page{--bg-main: #F8FAFC;--bg-card: #FFFFFF;--bg-card-border: #E2E8F0;--color-text: #0F172A;--color-text-muted: #475569;--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-green: #10B981;--color-violet: #8B5CF6;--color-amber: #F59E0B;--color-red: #EF4444;--color-sky: #0EA5E9;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font-sans)}.tools-page,.tools-page *{box-sizing:border-box;margin:0;padding:0}.tools-page{background-color:var(--bg-main);color:var(--color-text);font-family:var(--font-sans);padding:3rem 1rem}.tools-page .app-container{max-width:1100px;margin:0 auto;width:100%}.tools-page .header{text-align:center;margin-bottom:3.5rem}.tools-page .logo{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.25rem}.tools-page .logo-box{background-color:#2563eb;color:#fff;font-weight:700;font-size:1.1rem;width:2.25rem;height:2.25rem;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #2563eb29}.tools-page .logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.tools-page .logo-accent{color:#2563eb}.tools-page .title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.tools-page .subtitle{font-size:1.1rem;color:var(--color-text-muted);font-weight:400;max-width:700px;margin:0 auto}.tools-page .main-content{display:grid;gap:1.5rem}.tools-page .tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.tools-page .tool-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tools-page .tool-card:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:0 8px 25px #1e40af14}.tools-page .card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:8px;padding:1.75rem;box-shadow:0 2px 10px #00000003}.tools-page .featured-tool{min-height:220px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#2563eb14,#0ea5e90f),var(--bg-card)}.tools-page .featured-copy{max-width:720px}.tools-page .featured-kicker{color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tools-page .featured-tool h2{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:.75rem}.tools-page .featured-tool .tool-desc{max-width:680px;margin-bottom:0}.tools-page .featured-tool .tool-action{align-self:end;white-space:nowrap}.tools-page .tool-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.tools-page .tool-icon{width:2.75rem;height:2.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.tool-icon.blue-icon{background:#1e40af1a;color:var(--color-primary)}.tool-icon.green-icon{background:#10b9811a;color:var(--color-green)}.tool-icon.violet-icon{background:#8b5cf61a;color:var(--color-violet)}.tool-icon.amber-icon{background:#f59e0b1a;color:var(--color-amber)}.tool-icon.red-icon{background:#ef44441a;color:var(--color-red)}.tool-icon.sky-icon{background:#0ea5e91a;color:var(--color-sky)}.tools-page .tool-header h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.tools-page .tool-desc{font-size:.925rem;color:var(--color-text-muted);line-height:1.6;flex-grow:1;margin-bottom:1.5rem}.tools-page .tool-action{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--color-primary);transition:margin-left .2s ease}.tools-page .tool-card:hover .tool-action{text-decoration:underline}.tools-page .simple-footer{display:none}@media (max-width: 1024px){.tools-page .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.tools-page{padding:2.5rem 1rem}.tools-page .title{font-size:2rem}.tools-page .featured-tool{grid-template-columns:1fr;min-height:auto}.tools-page .featured-tool h2{font-size:1.55rem}.tools-page .tools-grid{grid-template-columns:1fr}}