/* Minified Professional Tools Page – White, Animated & Footer Fixed */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
:root{--bg:#ffffff;--surface:#f8fafc;--card-bg:#ffffff;--card-border:#eef2f6;--accent:#6366f1;--accent2:#ec4899;--gradient:linear-gradient(135deg,#6366f1,#ec4899);--text-dark:#0f172a;--text-muted:#475569;--pill-bg:rgba(99,102,241,0.08)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;margin:0;padding:0;font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--text-dark);overflow-x:hidden}
body{display:flex;flex-direction:column;min-height:100vh}
.tools-page-wrapper{flex:1 0 auto;position:relative;z-index:1;background:var(--bg);padding:0 0 80px 0}
.affiliate-disclosure-top{position:sticky;top:0;z-index:999;background:white;color:#475569;text-align:center;padding:12px 20px;font-size:0.85rem;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,0.02);backdrop-filter:blur(8px)}.affiliate-disclosure-top span{display:inline-block;background:rgba(99,102,241,0.1);padding:3px 14px;border-radius:50px;margin:0 6px;font-weight:700;color:#6366f1}
.tools-container{max-width:1200px;margin:0 auto;padding:0 20px}
.tools-hero{text-align:center;padding:100px 0 60px;position:relative}.tools-hero::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,0.04) 0%,transparent 70%);top:-150px;left:50%;transform:translateX(-50%);pointer-events:none}
.tools-hero h1{font-size:clamp(2.5rem,6vw,3.8rem);font-weight:800;line-height:1.15;margin:0 0 20px;letter-spacing:-1px;color:#0f172a}.tools-hero h1 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.tools-hero p{font-size:1.2rem;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.7}
.tools-category{margin-bottom:100px}
.tools-category-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:#0f172a;margin-bottom:40px;display:flex;align-items:center;gap:16px;opacity:0;transform:translateY(20px);animation:fadeUp 0.8s forwards}.tools-category-title:nth-child(1){animation-delay:0.1s}.tools-category-title:nth-child(2){animation-delay:0.2s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.tools-category-title::before{content:'';display:block;width:8px;height:36px;background:var(--gradient);border-radius:8px}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.tool-card{background:white;border-radius:28px;padding:36px;border:1px solid var(--card-border);transition:all 0.4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,0.03);display:flex;flex-direction:column;opacity:0;transform:translateY(30px);animation:fadeUpCard 0.7s forwards}.tool-card:nth-child(odd){animation-delay:0.1s}.tool-card:nth-child(even){animation-delay:0.2s}@keyframes fadeUpCard{to{opacity:1;transform:translateY(0)}}.tool-card:hover{transform:translateY(-10px);box-shadow:0 28px 45px -12px rgba(0,0,0,0.1);border-color:#cbd5e1}.tool-card::before{content:'';position:absolute;inset:0;border-radius:28px;background:linear-gradient(135deg,rgba(99,102,241,0.02),rgba(236,72,153,0.02));opacity:0;transition:opacity 0.3s;pointer-events:none}.tool-card:hover::before{opacity:1}.tool-badge{position:absolute;top:22px;right:22px;background:var(--gradient);color:#fff;font-size:0.75rem;font-weight:800;padding:7px 16px;border-radius:999px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 8px 20px rgba(99,102,241,0.25);animation:pulseBadge 3s infinite}.tool-badge.green{background:linear-gradient(135deg,#10b981,#059669)}@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.tool-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.tool-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:hidden}.tool-icon img{width:100%;height:100%;object-fit:contain;padding:8px}.tool-name{font-size:1.8rem;font-weight:800;color:#0f172a;margin:0 0 4px}.tool-tagline{color:var(--text-muted);font-size:0.95rem;margin:0}
.tool-desc{color:#334155;font-size:1rem;line-height:1.6;margin-bottom:20px}
.tool-details-box{background:#f8fafc;border-radius:18px;padding:22px;margin:20px 0;border:1px solid #f1f5f9}.tool-details-box h4{font-size:0.8rem;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin:0 0 14px;font-weight:700}.tool-details-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-details-list li{font-size:0.95rem;color:#334155;display:flex;align-items:center;gap:10px}.tool-details-list li::before{content:'✓';color:#10b981;font-weight:800;font-size:1.2rem}
.tool-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 24px;background:#0f172a;color:#fff;text-decoration:none;border-radius:16px;font-weight:800;font-size:1rem;transition:all 0.3s ease;margin-top:auto;letter-spacing:0.3px;box-shadow:0 6px 20px rgba(0,0,0,0.08)}.tool-btn:hover{background:var(--gradient);transform:scale(1.02);box-shadow:0 10px 28px rgba(99,102,241,0.3)}
.hosting-plans .hosting-plan-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:18px;padding:28px;margin-top:24px;box-shadow:0 10px 25px rgba(0,0,0,0.02)}.hosting-plan-card.featured-plan{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1,0 15px 35px rgba(99,102,241,0.06)}.plan-top h4{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0}.plan-label{color:var(--text-muted);font-size:0.95rem}.plan-price{font-size:2.6rem;font-weight:900;color:#0f172a;margin:18px 0 10px;display:flex;align-items:baseline;gap:6px}.plan-price span{font-size:1rem;color:var(--text-muted);font-weight:700}
.affiliate-disclosure-footer{text-align:center;margin-top:80px;padding:28px;background:#ffffff;border:1px solid #eef2f6;border-radius:20px;color:var(--text-muted);font-size:0.9rem;line-height:1.7;box-shadow:0 8px 25px rgba(0,0,0,0.02)}
@media(max-width:768px){.tools-hero{padding:70px 0 40px}.tools-grid{grid-template-columns:1fr;gap:24px}.tool-card{padding:28px}.tool-name{font-size:1.5rem}.tools-hero h1{font-size:2.2rem}}
/* Footer sticky fix */
footer{margin-top:0;flex-shrink:0}