body {
            background: #222222;
            color: #ffffff;
            line-height: 1.6;
        }
        .tools-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 100px 20px 50px;
            min-height: calc(100vh - 150px);
        }
        .tools-title {
            text-align: center;
            margin-bottom: 40px;
            color: #ffffff;
        }
        .tools-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        .tool-card {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            padding: 30px;
            backdrop-filter: blur(10px);
            transition: transform 0.3s ease;
        }
        .tool-card:hover {
            transform: translateY(-5px);
        }
        .tool-card h3 {
            color: #ffdb3b;
            margin-bottom: 15px;
        }
        .tool-card p {
            color: #c5c5c5;
            line-height: 1.6;
            margin-bottom: 20px;
        }
        .coming-soon {
            opacity: 0.7;
        }