@import "https://fonts.googleapis.com/css2?family=Varela+Round&display=swap";.home{box-sizing:border-box;background-color:#fff;width:100vw;min-height:100vh;padding:40px 60px;font-family:Varela Round,sans-serif;overflow-x:hidden;padding-bottom:70px!important}.header{text-align:center;margin-bottom:10px}.title{color:#1a365d;letter-spacing:1px;margin-bottom:8px;font-size:3rem;font-weight:700}.subtitle{color:#4a5568;margin:0;font-size:1.2rem}.filter-section{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:10px;display:flex}.filter-btn-desktop{color:#1a365d;cursor:pointer;background:0 0;border:2px solid #1a365d;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-family:Varela Round,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.filter-age-desktop{opacity:.9;font-size:.9rem;font-weight:400}.filter-mobile-container{flex-direction:column;align-items:center;gap:10px;width:100%;display:none}.filter-row{justify-content:center;gap:12px;width:100%;display:flex}.filter-row,.filter-row-difficulty{max-width:500px}.filter-btn-difficulty{color:#1a365d;cursor:pointer;background:0 0;border:2px solid #1a365d;border-radius:40px;flex-direction:column;flex:1;align-items:center;gap:1px;min-width:50px;padding:6px 8px;font-family:Varela Round,sans-serif;line-height:1.2;transition:all .3s;display:flex}.filter-top-row{align-items:center;gap:4px;display:flex}.filter-btn-difficulty .filter-icon{width:16px;height:16px}.filter-btn-difficulty .filter-label{font-size:.7rem;font-weight:700}.filter-btn-difficulty .filter-age{color:#4a5568;font-size:.55rem;font-weight:400}.filter-btn-difficulty.active .filter-age,.filter-btn-difficulty:hover .filter-age{color:#cbd5e0}.filter-btn:hover{color:#fdf3e8;background:#1a365d;transform:translateY(-2px);box-shadow:0 4px 12px #1a365d33}.filter-btn.active{color:#fdf3e8;background:#1a365d;box-shadow:0 4px 12px #1a365d4d}.filter-icon{flex-shrink:0}.filter-btn.active .filter-icon{filter:brightness(2)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:35px;max-width:1200px;margin:0 auto;display:grid}.tool-item{cursor:pointer}.tool-card{text-align:center;background:#fff;border:3px solid #1a365d;border-radius:24px;flex-direction:column;align-items:center;height:100%;padding:30px 24px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000000d}.tool-card:hover{border-color:#2b6cb0;transform:translateY(-6px);box-shadow:0 12px 32px #1a365d26}.tool-illustration{aspect-ratio:1;width:100%;max-width:300px;margin:0 auto 16px}.tool-image{-o-object-fit:cover;object-fit:cover;border-radius:16px;width:100%;height:100%;transition:transform .3s;display:block;box-shadow:0 4px 12px #1a365d1a}.tool-card:hover .tool-image{transform:scale(1.05)}.tool-svg{border-radius:12px;width:100%;height:100%;display:block}.tool-name{color:#1a365d;margin:8px 0 4px;font-size:1.2rem;font-weight:700}.tool-description{color:#4a5568;flex:1;margin:0 0 12px;font-size:.9rem;line-height:1.4}.tool-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.tool-age{color:#4a5568;background:#f0f4f9;font-size:.8rem;font-weight:600}.tool-age,.tool-difficulty{border-radius:50px;padding:4px 12px}.tool-difficulty{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.tool-difficulty.easy{color:#276749;background:#c6f6d5}.tool-difficulty.medium{color:#975a16;background:#fefcbf}.tool-difficulty.hard{color:#9b2c2c;background:#fed7d7}.no-tools{text-align:center;color:#4a5568;padding:40px;font-size:1.2rem}@media (width<=768px){.home{padding:24px 20px}.title{font-size:2.2rem}.fullwidth-subtitle{font-size:1rem}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px}.filter-btn{padding:8px 16px;font-size:.85rem}.filter-section{gap:10px}.tool-name{font-size:1rem}.tool-description{font-size:.8rem}}@media (width<=480px){.home{padding:16px 12px}.title{font-size:1.8rem}.filter-btn-desktop{display:none}.filter-mobile-container{display:flex}.filter-section{flex-direction:column;align-items:center;gap:0}.filter-row{gap:8px}.filter-row-difficulty{max-width:500px}.filter-btn-difficulty{gap:1px;min-width:50px;padding:6px 8px}.filter-top-row{align-items:center;gap:4px;display:flex}.filter-btn-difficulty .filter-icon{width:16px;height:16px}.filter-btn-difficulty .filter-age,.filter-btn-difficulty .filter-label{font-size:.7rem}.filter-age-desktop{display:none}.tools-grid{grid-template-columns:1fr;gap:20px;max-width:400px}.tool-card{padding:24px 20px}.tool-name{font-size:1rem}.tool-description{font-size:.85rem}.tool-age,.tool-difficulty{padding:4px 10px;font-size:.7rem}}