<style>

    body {
        background: #f5f8ff;
        font-family: "Segoe UI", sans-serif;
        padding-top: 60px;
    }

    .logo {
        font-size: 26px;
        font-weight: 800;
        color: #1a237e;
        letter-spacing: -1px;
    }

    /* HERO */
    .hero {
        text-align: center;
        padding: 70px 20px 40px;
        animation: fadeIn 1s ease;
    }

    .hero h1 {
        font-size: 40px;
        font-weight: 800;
        color: #1a237e;
        margin-bottom: 15px;
    }

    .hero p {
        font-size: 18px;
        color: #455a64;
        max-width: 650px;
        margin: 0 auto;
    }

    /* CARDS */
    .tool-card {
        background: #ffffff;
        border-radius: 18px;
        padding: 35px 25px;
        text-align: center;
        box-shadow: 0 8px 25px rgba(0,0,0,0.08);
        transition: 0.25s;
        border: 1px solid #e3e8f5;
    }

    .tool-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 12px 35px rgba(0,0,0,0.12);
    }

    .tool-icon {
        font-size: 55px;
        color: #1a237e;
        margin-bottom: 15px;
    }

    .tool-title {
        font-size: 22px;
        font-weight: 700;
        color: #1a237e;
        margin-bottom: 10px;
    }

    .tool-desc {
        font-size: 15px;
        color: #546e7a;
        margin-bottom: 20px;
    }

    /* BOTÕES */
    .btn-main {
        background: #1a237e;
        color: #fff;
        font-size: 17px;
        padding: 12px 25px;
        border-radius: 10px;
        font-weight: 600;
        transition: 0.25s;
    }

    .btn-main:hover {
        background: #0f1649;
        transform: scale(1.04);
        color: #fff;
    }

    /* ANIMAÇÕES */
    @keyframes fadeIn {
        from { opacity:0; transform: translateY(10px); }
        to   { opacity:1; transform: translateY(0); }
    }

    @media (max-width: 768px) {
        .hero h1 { font-size: 30px; }
        .tool-card { margin-bottom: 25px; }
    }
	
	

</style>