*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-text:#1f2937;--color-text-light:#6b7280;--color-bg:#fff;--color-bg-light:#f9fafb;--color-border:#e5e7eb;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius:0.5rem;--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}#__next,body,html{min-height:100vh;display:flex;flex-direction:column}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);background-color:var(--color-bg-light);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#__next{flex:1 1;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);width:100%}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.header .container{justify-content:space-between}.header .container,.logo{display:flex;align-items:center}.logo{text-decoration:none;color:var(--color-text);font-weight:700;transition:opacity .2s}.logo:hover{opacity:.8}.logo-image{height:40px;width:auto;object-fit:contain;transition:filter .3s ease,transform .3s ease;flex-shrink:0;align-self:center}.logo:hover .logo-image{filter:brightness(1.2) drop-shadow(0 0 8px rgba(37,99,235,.4));transform:scale(1.05)}.social-links{gap:var(--spacing-sm)}.social-link,.social-links{display:flex;align-items:center}.social-link{justify-content:center;color:var(--color-text-light);text-decoration:none;transition:color .2s,transform .2s;padding:var(--spacing-xs);border-radius:var(--radius)}.social-link:hover{color:var(--color-primary);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.main{flex:1 1}.hero,.main{padding:var(--spacing-xl) 0}.hero{text-align:center;margin-bottom:var(--spacing-xl)}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.2}.hero-subtitle{font-size:clamp(1rem,2vw,1.125rem);color:var(--color-text-light);max-width:600px;margin:0 auto}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.tool-card{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:calc(var(--radius) + .25rem);padding:var(--spacing-lg);text-decoration:none;color:var(--color-text);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:var(--shadow);overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(37,99,235,.15),var(--shadow-md);border-color:var(--color-primary)}.tool-card:hover:before{transform:scaleX(1)}.tool-card.coming-soon{opacity:.7;cursor:not-allowed}.tool-card.coming-soon:hover{transform:translateY(0);box-shadow:var(--shadow);border-color:var(--color-border)}.coming-soon-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:.6875rem;font-weight:700;padding:.375rem .75rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px rgba(37,99,235,.3);z-index:10}.tool-header{display:flex;justify-content:space-between;align-items:start;gap:var(--spacing-sm)}.tool-title{font-size:1.375rem;font-weight:700;color:var(--color-text);flex:1 1;line-height:1.3;letter-spacing:-.01em;transition:color .2s}.tool-card:hover .tool-title,.tool-category{color:var(--color-primary)}.tool-category{font-size:.75rem;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(37,99,235,.05));padding:.375rem .75rem;border-radius:1rem;white-space:nowrap;font-weight:600;border:1px solid rgba(37,99,235,.2);transition:all .2s}.tool-card:hover .tool-category{background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(37,99,235,.1));border-color:rgba(37,99,235,.3)}.tool-description{color:var(--color-text-light);font-size:.9375rem;line-height:1.6;margin-top:.25rem}.empty-state{text-align:center;padding:5rem 2rem;background:var(--color-bg);border:2px dashed var(--color-border);border-radius:var(--radius);margin-top:var(--spacing-xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-text{font-size:1.125rem}.empty-text,.footer{color:var(--color-text-light)}.footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--spacing-md) 0;margin-top:auto;font-size:.875rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.footer-content p{margin:0}.footer-social-links{display:flex;gap:var(--spacing-sm);align-items:center}.footer-social-links .social-link{color:var(--color-text-light)}@media (max-width:768px){.header .container{flex-direction:column;gap:var(--spacing-sm)}.logo{align-items:center}.logo,.social-links{justify-content:center}.tools-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.hero,.main{padding:var(--spacing-lg) 0}.footer-content{flex-direction:column;text-align:center}}@media (max-width:480px){.header{padding:var(--spacing-sm) 0}.logo-image{height:32px}}